具有高压

Question

在我的高档图表中，我希望显示一个交替的垂直背景，其中第一个到第二个主要刻度的背景是白色，从第二个到第三个是浅灰色，然后是白色，然后是再次浅灰色。你明白了。

诀窍是，这应该在缩放时动态更新。当我放大导航器时，勾号会改变，例如从每月一个到每周一个，背景应该仍然在每个主要蜱上交替。

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

有人能指出我正确的选择吗？

如果没有可以做到这一点的选项：我怎么能模拟这个呢？写一些javascript函数，每次导航器选择改变时调用，读取主要滴答的当前位置，删除所有当前的绘图带，然后在需要的地方添加新的绘图带？

Answer 1

您可以使用轴的内置选项 function demoController(NgTableParams, simpleList) { var names = [ {name: "allen", age: 33, color:"green"}, {name: "jon", age: 23, color:"blonde"}, {name: "silver", age: 54, color:"yellow"}, {name: "james", age: 52, color:"grey"}, {name: "flint", age: 25, color:"pink"}, {name: "billy", age: 31, color:"blonde"}, {name: "bones", age: 47, color:"grey"}, {name: "michael", age: 35, color:"green"}, {name: "jackson", age: 234, color:"yellow"}, {name: "leonardo", age: 12, color:"brown"}, {name: "dicaprio", age: 73, color:"pink"}, {name: "sylvester", age: 35, color:"blonde"} ]; this.tableParams = new NgTableParams({ // initial sort order sorting: { color: ["green","pink","yellow","grey"] } }, { dataset: names }); }

来实现

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

参考：

• http://api.highcharts.com/highstock/xAxis.alternateGridColor