javascript - Highcharts 上的动态网格线

Question

问题:在条形图或柱形图上启用垂直或水平网格线。我目前的实现不够动态。在柱形图上应用垂直网格线效果很好，但如果将图表类型更改为条形图，则其不正确。

如何使这些垂直和水平网格线适应图表类型？

jsfiddle: 

http://jsfiddle.net/4vG42/819/#

Answer 1

在 highcharts 条形图中，xAxis垂直显示，在柱形图中，xAxis水平显示嗯>。这意味着您必须在此基础上将 xAxis 和 yAxis 中的网格线设置为 1 和 0。例如:

//For a column graph
chart_type = 'column'
xAxisGridLines = 0
yAxisGridLines = 1

//For a bar graph
chart_type = 'bar'
xAxisGridLines = 0
yAxisGridLines = 1

这是一个实例，我根据图表类型设置网格线: https://jsfiddle.net/ewolden/5kft9rva ，按下按钮可在条形图和柱形图之间切换。