Добрый день,
Цвет любой линии компонента Chart можно изменить с помощью CSS.
Необходимо определить стандартный класс, который отвечает за отрисовку объекта, с помощью консоли разработчика в F12.
Например:
v-lines v-morphable-line - класс одной линии чарта, который вам выдает отладчик.
Соответственно, конструкция будет выглядеть следующим образом:
.class_name path.v-lines.v-morphable-line {
stroke: red;
}
Можно не использовать присвоение класса к чарту и обратиться напрямую к объекту через решетку. В таком случае вместо .class_name пишется #Chart_c1 - где "Chart" - тех. имя диаграммы, а _c1 - обязательная техническая приставка. Все эти нюансы хороши видны в консоли разработчика в браузере.
Правда, при использовании нового компонента InfoChart - могут возникать сложности с раскраской\кастомизацией, т.к. этот svg-элемент собирается по иному принципу, нежели обычный Chart.
P.S. Естественно, все эти костыли используются при невозможности поменять цвет линии стандартным способом, либо при хаотичном изменении количества выводимых показателей.