如何在倒立柱图上显示与条形图相同的标签

Question

我想要达到与这张照片相同的效果。

我发现唯一的方法就是将柱形图倒置，问题是标签线消失了。如果我隐藏网格线，则0 yaxis线不会消失。

是否可以仅使用区域隐藏上部网格线，或者将它们全部隐藏并手动重画线

chart: {
    type: 'column',
    inverted: true,

在这里https://jsfiddle.net/warnisw/0qbdyf92/76/

Answer 1

您可以使用样式正确的刻度代替gridLines：

yAxis: [{
    gridLineWidth: 0,
    tickLength: 10,
    tickWidth: 1,
    tickColor: '#FFF',
    ...
}]

实时演示： https://jsfiddle.net/BlackLabel/2g1a8nx3/

API参考： https://api.highcharts.com/highcharts/yAxis.tickWidth