пороговое значение между 3 цветами в линейных графиках highcharts

Question

Я должен сделать линейные диаграммы с порогом y = 5, где y> 5 цвет круга зеленый y<цвет круга 5 - красный, а цвет круга y = 5 - оранжевый.Используя простой порог, я могу нарисовать только 2 цвета - красный и зеленый, но я не могу сделать оранжевый.

{ Имя:'Series1', данные:[ {y:2}, {y:6}, {y:5}, {y:6.5}, {y:3}, {y:10} ], пороговое значение:4, Негативный цвет:"красный", цвет:"зеленый" }

Как я могу создать свою диаграмму с 3 цветовыми кругами, используя threshold?и как я могу взять цвет только в круге, но серый в соединенном линией круге?

Answer 1

Чтобы сделать то, о чем вы просите, потребуется использовать несколько серий, как в этом примере:

• http://jsfiddle.net/jlbriggs/yHn2D/

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

Мой пример, несмотря на то, что цвета приглушены, выглядит немного цирковым.

Я был бы гораздо более склонен делать что-то подобное:

• http://jsfiddle.net/jlbriggs/yHn2D/3/

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

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

ФУ-у-у.