如何使用plotly js显示竖排文本？

使用Plotly.js显示竖排文本可以通过以下步骤实现：

首先，确保你已经引入了Plotly.js库。你可以在HTML文件中添加以下代码来引入Plotly.js：

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>

创建一个包含竖排文本的div元素。在HTML文件中添加一个div元素，并为其指定一个唯一的id，例如：

<div id="myDiv"></div>

使用Plotly.js的newPlot函数创建一个图表，并设置orientation属性为v来显示竖排文本。在JavaScript代码中添加以下代码：

var data = [{
  type: 'scatter',
  x: [1, 2, 3, 4, 5],
  y: ['A', 'B', 'C', 'D', 'E'],
  mode: 'text',
  text: ['A', 'B', 'C', 'D', 'E'],
  textposition: 'middle center',
  hoverinfo: 'none'
}];

var layout = {
  title: '竖排文本示例',
  showlegend: false,
  xaxis: {
    showgrid: false,
    zeroline: false,
    showticklabels: false
  },
  yaxis: {
    showgrid: false,
    zeroline: false,
    showticklabels: false
  },
  orientation: 'v'
};

Plotly.newPlot('myDiv', data, layout);

在上面的代码中，我们创建了一个散点图，x轴的值为[1, 2, 3, 4, 5]，y轴的值为['A', 'B', 'C', 'D', 'E']，并设置了mode为text以显示文本。textposition属性设置为middle center以将文本居中显示。hoverinfo属性设置为none以禁用鼠标悬停时的提示框。最后，我们将orientation属性设置为v以显示竖排文本。