高图上的动态网格线

时间:2018-08-17 09:35:32

标签: javascript highcharts

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

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

jsfiddle: 

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

1 个答案:

答案 0 :(得分:1)

在高图的条形图中,xAxis垂直显示 ,在柱形图中,xAxis垂直显示 。这意味着您必须基于此在xAxisyAxis中将网格线设置为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 ,按下按钮可在条形图和柱形图之间切换。