Я хотел представить линию с другим цветом, который будет показывать какое-то особое поведение. В этом примере синие линии показывают обычные данные, но я хотел аннотировать одну строку с Красная линия. Есть какой-либо способ сделать это .?
Выделите линию другим цветом на диаграмме параллельных координат с помощью Highcharts
Ответы (1)
Вы можете добавить некоторое условие, чтобы выделить конкретную серию:
series: data.map(function (set, i) {
if (i === 10) {
return {
name: 'Runner ' + i,
data: set,
shadow: false,
color: 'red',
zIndex: 1
};
}
return {
name: 'Runner ' + i,
data: set,
shadow: false
};
})
Живая демонстрация: https://jsfiddle.net/BlackLabel/17m3waLu/
person
ppotaczek
schedule
08.10.2018
Спасибо @ppotaczek. Он работал, но отображал только половину цвета линии как красный.
- person Pratik Rawlekar; 08.10.2018
Привет, Пратик Раулекар, вся линия должна быть красной. Не могли бы вы предоставить мне какое-нибудь изображение?
- person ppotaczek; 08.10.2018
Когда я навожу курсор на другие строки, эта красная линия частично исчезает. Можно сказать, что он прячется за другими наведенными линиями. Как мы можем сделать эту красную линию всегда видимой?
- person Pratik Rawlekar; 31.10.2018
Привет, Pratik Rawlekar, ты, наверное, не добавил
this.group.toFront();
в событие серии mouseOver
.
- person ppotaczek; 31.10.2018
Я добавил это, которое выводит наведенную строку впереди, но эта красная строка аннотации скрывается за другими строками.
- person Pratik Rawlekar; 31.10.2018
Посмотрите на этот пример [ jsfiddle.net/pratikrawlekar/ceukrn75/4 ]. При наведении курсора на другую строку желтая линия скрывается.
- person Pratik Rawlekar; 31.10.2018
Хорошо, я вижу проблему. Вам нужно вызвать
toFront
по желтой линии на каждом mouseover
: jsfiddle.net/BlackLabel/t78mdjkw
- person ppotaczek; 31.10.2018