javascript - 具有 highstock 的交替 x 轴图带

标签 javascript jquery highcharts

在我的 highstock 图表中,我想显示一个交替的垂直背景,其中从第一个到第二个主要刻度的背景是白色,从第二个到第三个是浅灰色,然后又是白色,然后又是浅灰色。你明白了。

Example for alternating backgrounds

诀窍是,这应该在缩放时动态更新。当我放大导航器时,刻度会发生变化,例如从每月一个到每周一个,背景仍应在每个主要滴答声中交替。

我假设 xAxis.plotBands 是可行的方法,但我没有看到任何选项可以将它们附加到刻度而不是特定日期。

谁能指出正确的选项?

如果没有选项可以做到这一点:那么我该如何模拟呢?每次导航器选择更改时编写一些 javascript 函数调用,读取主要刻度的当前位置,删除所有当前 plotbands 然后在需要的地方添加新的 plotbands?

最佳答案

您可以使用轴的内置选项 alertnateGridColor

您提供颜色,它会自动填充主要刻度之间的交替区域。

引用:

关于javascript - 具有 highstock 的交替 x 轴图带,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39489486/

相关文章:

javascript - react 密码生成器

jQuery .fadeIn 不工作

javascript - React TypeScript 中 map 的 Highcharts 自定义数据?

javascript - 在 iOS Safari 中禁用过度滚动

javascript - JQuery 函数不会推送,不会为属性添加值

php - 用PHP和Mysql实现High图表

angular - Highchart yAxis plotLines 标签位置

javascript - jquery 将表附加到 div

javascript - Knockout .js 和点击更改值

javascript - 使用 AJAX 请求的内容填充 Bootstrap 模式