highcharts-在类别中的行之间添加单独的行

highcharts - Adding a seperate lines between the lines in categories

本文关键字:之间 添加 单独 highcharts-      更新时间:2023-12-25

我有一个要求,它将两种不同类型的数据显示为类别的一部分,即在条形图之间添加一条单独的线。

这是我的JsFiddle

我想在a&B之间以及在B&C,例如下面的一些数据。

name: 'Staff Break Time',
intervals: [{ // From-To
from: Date.UTC(0, 0, 0, 12),
to: Date.UTC(0, 0, 0, 13)
},{ // From-To
from: Date.UTC(0, 0, 0, 16),
to: Date.UTC(0, 0, 0, 17)
}]

这应该有一个单独的颜色,例如:绿色&黄的

我可以添加一些类似于另一个设备X的东西,但这将作为"UP"的一部分显示;"向下"屏幕底部,但我不想这样做,因为我不确定这种方式是否正确。有时它与实际小节重叠。

你能告诉我实现这个功能的最佳方法吗。

使用y轴gridLines:格式的示例

  • http://jsfiddle.net/jlbriggs/Ye3Ak/229/

尽管我认为,只需在每个系列之间添加一点填充,就可以更有效地分离类别,而不会在图表中添加不必要和分散注意力的线条。

我还意识到,堆叠条形图或倒柱范围图将是更容易设置数据的方法,FWIW。