具有 highstock 的交替 x 轴图带
Alternating x-Axis plotbands with highstock
在我的 highstock 图表中,我想显示一个交替的垂直背景,其中从第一个到第二个主要刻度的背景是白色,从第二个到第三个是浅灰色,然后又是白色,然后又是浅灰色。你明白了。
诀窍是,这应该在缩放时动态更新。当我放大导航器时,刻度会发生变化,例如从每月一个到每周一个,背景仍应在每个主要刻度上交替。
我认为 xAxis.plotBands
是可行的方法,但我没有看到任何选项可以将它们附加到刻度而不是特定日期。
任何人都可以指出正确的选项吗?
如果没有可以做到这一点的选项:那我该如何模拟呢?编写一些 javascript 函数,每次导航器选择更改时调用,读取主要刻度的当前位置,删除所有当前绘图带,然后在需要的地方添加新的绘图带?
您可以使用轴的内置选项实现,alertnateGridColor
您提供颜色,它会自动填充主要刻度之间的交替区域。
参考:
在我的 highstock 图表中,我想显示一个交替的垂直背景,其中从第一个到第二个主要刻度的背景是白色,从第二个到第三个是浅灰色,然后又是白色,然后又是浅灰色。你明白了。
诀窍是,这应该在缩放时动态更新。当我放大导航器时,刻度会发生变化,例如从每月一个到每周一个,背景仍应在每个主要刻度上交替。
我认为 xAxis.plotBands
是可行的方法,但我没有看到任何选项可以将它们附加到刻度而不是特定日期。
任何人都可以指出正确的选项吗?
如果没有可以做到这一点的选项:那我该如何模拟呢?编写一些 javascript 函数,每次导航器选择更改时调用,读取主要刻度的当前位置,删除所有当前绘图带,然后在需要的地方添加新的绘图带?
您可以使用轴的内置选项实现,alertnateGridColor
您提供颜色,它会自动填充主要刻度之间的交替区域。
参考: