高图表样本

Question

寻找高级图表示例程序，我之前没有使用过Highcharts，但似乎没有内置的滑块看看答案。

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

Answer 1

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

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

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

它依赖于自定义扩展来生成'line'标记类型：

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

{{

edit in response to comments below:

使用一些其他格式选项更新示例并清理：

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

要小心使用多种颜色，除非颜色真的有意义 使用其他颜色突出显示需要注意的项目可以很好地利用颜色。

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

FWIW

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

• http://www.perceptualedge.com/articles/misc/Bullet_Graph_Design_Spec.pdf
• http://en.wikipedia.org/wiki/Bullet_graph