高图表样本

0 highcharts

寻找高级图表示例程序,我之前没有使用过Highcharts,但似乎没有建立滑块看看答案.

实际上Highcharts一般都不是免费的..对我来说这是简单的子弹图.在Highcharts中,您可以使用带散点的条形图

jlb*_*ggs 7

子弹概念将适用于此,虽然需要一些工作来获得这样的样式.虽然不依赖于物理规范隐喻,但有很多有用的选项可用于设计这样的图表.

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

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

它依赖于自定义扩展来生成"行"标记类型:

Highcharts.Renderer.prototype.symbols.line = ...
Run Code Online (Sandbox Code Playgroud)

{{

edit in response to comments below:
Run Code Online (Sandbox Code Playgroud)

更新示例以及一些其他格式选项并进行清理:

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

警惕使用多种颜色,除非颜色真正意义上的东西.
使用其他颜色突出显示需要注意的项目是一种很好的颜色使用.

使用颜色来突出显示某些东西的可能状态(绿色阴影,淡化为黄色阴影,淡化为红色阴影......),这是一种糟糕的颜色使用,这种颜色很难被过度使用,甚至被某些人所期待.

FWIW

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