隐藏坐标轴和网格线Highcharts

我试图完全隐藏我的Highcharts图表的轴线和网格线。 到目前为止，我已经尝试将行的宽度设置为0，但它没有成功。

xAxis: { lineWidth: 0, minorGridLineWidth: 0, lineColor: 'transparent' } 

是否有可能只是全局禁用轴线/蜱和网格线来创build一个“平原”情节？

Answer 1

只需添加

 xAxis: { ... lineWidth: 0, minorGridLineWidth: 0, lineColor: 'transparent', ... labels: { enabled: false }, minorTickLength: 0, tickLength: 0 } 

到xAxis的定义。

Answer 2

对于yAxis你还需要：

gridLineColor: 'transparent',

Answer 3

您也可以将yAxis上的网格线隐藏为：

 yAxis:{ gridLineWidth: 0, minorGridLineWidth: 0 } 

Answer 4

如果您的版本高于Highcharts v4.9，则可以在xAxis和yAxis设置中使用visible: false 。

例：

 $('#container').highcharts({ chart: { type: 'column' }, title: { text: 'Highcharts axis visibility' }, xAxis: { visible: false }, yAxis: { title: { text: 'Fruit' }, visible: false } }); 

Answer 5

我设法关掉我的只是

  lineColor: 'transparent', tickLength: 0 

Answer 6

如果你不想触摸configuration对象，你只需通过css隐藏网格：

 .chart-container .highcharts-grid { display: none; } 

Answer 7

这对我来说一直很好：

 yAxes: [{ ticks: { display: false; },