0

找highcharts示例程序,之前没用过highcharts,不过好像没有内置滑块看看答案。

实际上,Highcharts 通常不是免费的。对我来说,它是简单的子弹图。在 Highcharts 中,您可以使用带有散点的条形图

4

1 回答 1

7

子弹概念将适用于此,尽管需要一些工作才能获得这样的样式。尽管不依赖物理量规隐喻,但有很多有用的选项可以为这样的图表设置样式。

子弹图方法的快速变化,将它们放入单个图表并删除条带:

http://jsfiddle.net/jlbriggs/kwtZr/41/

它依赖于自定义扩展来生成“线”标记类型:

Highcharts.Renderer.prototype.symbols.line = ...

{{

edit in response to comments below:

更新了一些额外的格式化选项和清理示例:

http://jsfiddle.net/jlbriggs/kwtZr/55/

小心使用多种颜色,除非这些颜色真正有意义。
使用额外的颜色来突出需要注意的项目是对颜色的一种很好的使用。

使用颜色来突出某物的每一种可能的状态(绿色阴影、淡黄色阴影、淡红色阴影……)是一种糟糕的颜色使用,可悲的是,它被过度使用甚至被某些人所期待。

FWIW

同样重要的是要重申,子弹图很好地处理了这种显示的目的,这绝对值得考虑迁移到沿途的某个地方。参考:

于 2013-07-10T13:25:56.180 回答