Echarts纵轴标签如何垂直显示?

17

我正在尝试使用 e charts 库制作图表,阅读了文档并在互联网上找到了很多示例,但是无法找到如何在 y 轴上写垂直文本标签的方法。

根据文档,可能需要使用 axisLabel : {} 对象,但仍不确定。

只是想在 y 轴上简单地显示垂直文本。

1个回答

48
为了在y轴上以垂直位置插入标签,您应该在yAxis选项中包含以下子选项:
代码示例:
``` ....... yAxis : [ { type : 'value', axisLabel : { formatter: '{value} °C' }, name: 'Y-Axis', nameLocation: 'middle', nameGap: 50 } ], ....... ```
其中nameLocation:'middle'选项将使标签在垂直方向上居中对齐;而nameGap:50选项则表示与axisLabel标记之间的距离。
附带一张结果截图:

感谢您的帮助,它对我很有用。 请问可以告诉我在文档中的哪个部分写了吗? 我也非常感激您的努力。 - Rupesh Arora
2
示例库中有一些配置选项,这些选项在 echarts API 中并不存在。我已经传递了链接。很高兴能帮到你。(http://gallery.echartsjs.com/explore.html#sort=rank~timeframe=all~author=all)。最后一个链接是一个示例图表,其中 y 轴轴标签是垂直的(http://gallery.echartsjs.com/editor.html?c=xHkBm-zFYg)。 - E. Lion
唯一的问题是 nameLocation = 'middle' 只适用于 echarts 版本 3。版本 2 只支持 start | end - Anjan Biswas

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接