high chart示例

Question

寻找high chart示例程序，我以前没有使用Highcharts，但似乎没有构建滑块看看答案。

实际上，Highcharts通常不是免费的..对我来说，这是一个简单的项目符号图表。在Highcharts中，您可以使用带散点的条形图

Answer 1

bullet的概念将适用于此，尽管需要一些工作才能获得这样的样式。有许多有用的选项可以设置这样的图表样式，但不依赖于物理仪表隐喻。

项目符号图表方法的一个快速变体，将它们放入一个图表中，并删除条带：

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