高图上的动态网格线

Question

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

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

jsfiddle: 

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

Answer 1

在高图的条形图中，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 ，按下按钮可在条形图和柱形图之间切换。