javascript - Highcharts 上的动态网格线

Question

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

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

jsfiddle: 

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

标签： javascripthighcharts

Answer 1

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

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