网格线视图作为 Highchartjs 中的背景？

Question

在 Highchartjs 中，我们可以使用基于系列点的网格线。不过，我想通过添加任意数量的网格线来修改它。

换句话说，我想设置这个Grid-line as a background for this JsFiddle highchartjs line-graph

通过查看文档，xAxis and yAxis 都支持网格线

问题确实是；是否有可能做到这一点？如果是这样，请阐明这件事。

Answer 1

这个可以按照你说的差不多设置:

xAxis: {
  minorTickInterval: 0.25,
  gridLineWidth: 1
}, 
yAxis: {
  minorTickInterval: 0.25,
  gridLineWidth: 1
}

minorTickInterval 决定了您有多少 "boxes"。由于这里的刻度间隔是1，我把minorTickInterval设置为0.25，1/0.25 = 4。设置为0.2会得到5个小方块。当然，如果你改变轴上的比例，这也会改变。

工作示例： http://jsfiddle.net/ewolden/t0bzyywe/1/

API 参考资料: gridLineWidth and minorTickInterval

Grid line view as background in Highchartjs?