highcharts-在类别中的行之间添加单独的行
highcharts - Adding a seperate lines between the lines in categories
我有一个要求,它将两种不同类型的数据显示为类别的一部分,即在条形图之间添加一条单独的线。
这是我的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。
相关文章:
- 在Jquery调用之间添加其他函数
- 在图例项目之间添加额外空间的高图表
- 如果两个波浪号字符之间的字符计数大于60,则在两个波浪字字符之间添加波浪号
- highcharts-在类别中的行之间添加单独的行
- 在jQuery中,可以在字符串之间添加条件逻辑吗
- 在javascript数组元素之间添加换行符
- 在按钮之间添加隐藏空间
- Ext JS Gannt 在任务之间添加链接
- 如何在离子标签之间添加常见内容
- 如何在两个图像之间添加空间
- 一种在指定时间后更改的背景图像之间添加更平滑过渡的简单方法
- 需要在两个背景之间添加淡入淡出效果
- Javascript匹配字符并在两者之间添加空格
- 如何在 nvd3 图例和图表之间添加间隙
- 如何在 {{#each}} 循环中的元素之间添加分隔符,最后一个元素之后除外
- Lightbox2:如何在“lb-prev”和“lb-next”分区之间添加“编辑”
- 在“for”循环迭代之间添加延迟
- 如何在 pre 标记之间添加文本
- 在x轴和带时间刻度的直线之间添加空格
- fullpage.js在节之间添加了2个自动滚动事件