Highcharts 上的动态网格线答案

【问题标题】：Dynamic Gridlines on HighchartsHighcharts 上的动态网格线
【发布时间】：2019-01-24 07:47:15
【问题描述】：

问题：在条形图或柱形图上启用垂直或水平网格线。我目前的实现不够动态。在柱形图上应用垂直网格线可以正常工作，但如果将图表类型更改为条形，则它不正确。

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

jsfiddle:

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

【问题讨论】：

您的条形图有什么问题？
'verticalGridLines' 变量在条形图上打开水平网格线而不是垂直，如果您将图表类型更改为 'colum' 就可以了。
你不能那样使用变量，变量名就是这样，一个名字。在条形图中，xAxis 垂直显示，而在柱形图中，xAxis 水平显示。这意味着您必须基于此在 xAxis 和 yAxis 中将网格线设置为 1 和 0。这是我根据图表类型设置网格线的示例：jsfiddle.net/ewolden/5kft9rva，按下按钮在条形图和柱形图之间切换。
啊，对了，我明白了！说得通。谢谢你的解释。

标签： javascript highcharts

【解决方案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，按下按钮在条形图和柱形图之间切换。

【讨论】：