如何隐藏堆栈条形图高图中的轴线

Question

我想删除堆叠条形图中图例后面的细轴线。如何实现？

 xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
  lineColor: 'transparent',
   tickWidth: 0,
   tickLength: 0,
   tickColor:'transparent',
   visible:true,
  }

Jsfiddle link https://jsfiddle.net/mehrotrarohit87/51mky0so/1/

Answer 1

API中没有这样的选项，因此您需要通过编程隐藏此网格。

chart: {
    type: 'bar',
    marginLeft: 50,
    marginBottom: 90,
    gridLineWidth: 0,
            events: {
                load() {
                    const chart = this;
                    const ticks = chart.yAxis[0].ticks;
                    ticks[0].gridLine.hide()
                }
            }
},

演示：https://jsfiddle.net/BlackLabel/9zpun5ow/

如何隐藏堆栈条形图高图中的轴线

How to hide the Axis line in stack bar chart high chart

highcharts

bar-chart

stacked-chart