如何使用plotly js显示垂直TEXT?

时间:2017-02-21 13:25:18

标签: javascript plotly

使用plotly,如何垂直显示此文本?

image

1 个答案:

答案 0 :(得分:1)

通常我会说“向我们展示一些代码”但是图纸完全可以补偿它。

此处需要的主要功能是textangle来指定以度为单位的旋转。只需添加annotation,隐藏arrowshowarrow: false)并设置x/y位置。

Plotly.plot('myDiv', [{
  x: [0, 2, 3, 4, 6, 7, 10],
  y: [0, 1, 3, 4, 6, 9, 10]
}], {
  annotations: [{
    x: 6.75,
    y: 7.25,
    text: 'Vertical',
    textangle: '-55',
    showarrow: false
  }]

});
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<div id='myDiv' width=300 height=300></div>