2013-07-10 1 views
0

ищет программу с высоким графическим образцом, я раньше не использовал Highcharts, но кажется, что никаких ползунков нет, взгляните на ответ.высокий образец диаграммы

На самом деле Highcharts вообще не являются бесплатными .. Для меня это простой графа пули. В Highcharts для этого вы можете использовать гистограмму с точкой разброса

+0

Я не использовал Highcharts раньше, но, кажется, нет никаких ползунков, построенных посмотрите на ответ на http://stackoverflow.com/questions/15360263/how-to-dynamic-update-highcharts-using-jquery-ui-sliders – codemonkee

+0

Highcharts вообще не являются бесплатными .. Для меня это простой графа пули. В Highcharts для этого вы можете использовать гистограмму с точками разброса. Конечно, цвета вам нужно управлять собой. Как этот: http://jsfiddle.net/jlbriggs/kwtZr/0/ –

ответ

7

Концепция пули будет работать для этого, хотя для этого потребуется определенная работа. Есть много полезных вариантов для моделирования такой диаграммы, но не полагаясь на метафору физического манометра.

Быстрое изменение на пули графика подходе, который помещает их в одну диаграмму и удаляет полосатость:

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

Также важно подчеркнуть, что цель этого типа дисплея очень хорошо обрабатывается пулевым графика, который, безусловно, стоит посмотреть в миграции где-то по пути. Справка:

+0

Hi Paweł Fus, Спасибо за ваш ответ, я знаю, что его платная библиотека и уже ее использует. Будет возможно сделать стартовую и конечные точки немного изогнуты, как в изображении, который я разместил в качестве ссылки. – user2567349

+0

alo Мне понадобится каждая строка должна иметь свой собственный цвет – user2567349

+0

Вы можете установить параметр [lineColor] (http://api.highcharts.com/highcharts#plotOptions.series.marker.fillColor) в маркер: http: // jsfiddle .net/kwtZr/45/ –

Смежные вопросы