问题:在条形图或柱形图上启用垂直或水平网格线。我当前的实现还不够动态。在柱形图上应用垂直网格线效果很好,但是如果将图表类型更改为条形,则其不正确。
如何使这些垂直和水平网格线适应图表类型?
jsfiddle:
答案 0 :(得分: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 ,按下按钮可在条形图和柱形图之间切换。