如何仅在高图中隐藏x和y轴线？

Question

我正在使用angularJs集成高图，我只想隐藏x和y轴线，我尝试使用 lineColor：＆＃39;透明＆＃39; ，它只适用于折线图，而不是为条形/柱形图工作，

我在此处附上了问题的屏幕截图，以便更加了解，

任何人都可以指导我一样。？

Answer 1

对于柱形图和条形图，即使您使x轴的线条颜色透明，您仍然会看到最小y轴值的网格线，在图表中为“0”。

以下是您可以更改此内容的方法：

xAxis: {
    categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'], 
    /* make the x-axis line invisible */
    lineColor: 'transparent'
},
yAxis: {
    min: 0,
    title: {
        text: 'Total fruit consumption'
    },
    /* make all y-axis gridlines invisible */
    gridLineColor: 'transparent'
},

这是一个显示实际情况的小提琴：http://jsfiddle.net/brightmatrix/13z2kLcf/

一个问题：在您的第二个屏幕截图中，看起来您可能已经使您的y轴网格线透明。真的吗？如果是这样，那么查看您的代码以了解为什么您的列下方仍然有蓝线会很有帮助。如果我上面分享的内容无效，我会很乐意修改我的答案。