Концепция пули будет работать для этого, хотя для этого потребуется определенная работа. Есть много полезных вариантов для моделирования такой диаграммы, но не полагаясь на метафору физического манометра.
Быстрое изменение на пули графика подходе, который помещает их в одну диаграмму и удаляет полосатость:
http://jsfiddle.net/jlbriggs/kwtZr/41/
Он опирается на настраиваемое расширении, чтобы произвести «линия» типа маркеров:
Highcharts.Renderer.prototype.symbols.line = ...
{{
edit in response to comments below:
U pdated пример с некоторыми дополнительными опциями форматирования и очистки:
http://jsfiddle.net/jlbriggs/kwtZr/55/
быть осторожны с использованием нескольких цветов, если цвета действительно не имею в виду что-то.
Использование дополнительного цвета для выделения предметов, требующих внимания, является хорошим использованием цвета.
Использование цвета для выделения любого возможного состояния чего-либо (оттенки зеленого, затухания до оттенков желтого, затухания до оттенков красного ...), является плохим использованием цвета, который грустно используется и даже ожидается некоторыми ,
FWIW
Также важно подчеркнуть, что цель этого типа дисплея очень хорошо обрабатывается пулевым графика, который, безусловно, стоит посмотреть в миграции где-то по пути. Справка:
Я не использовал Highcharts раньше, но, кажется, нет никаких ползунков, построенных посмотрите на ответ на http://stackoverflow.com/questions/15360263/how-to-dynamic-update-highcharts-using-jquery-ui-sliders – codemonkee
Highcharts вообще не являются бесплатными .. Для меня это простой графа пули. В Highcharts для этого вы можете использовать гистограмму с точками разброса. Конечно, цвета вам нужно управлять собой. Как этот: http://jsfiddle.net/jlbriggs/kwtZr/0/ –