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

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 链接 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/

Answer 2

{
   ...
   xAxis: {
      lineColor: 'transparent', // hide x axis line
   }
   ...
}