Главное, что нужно понять, это то, что существует два способа раскрасить диаграмму:
- Цвета серии (серия []. Colors) будут окрашивать узлы.
- данные серии (серия []. данные []. цвет) окрашивают ваши потоки.
Посмотрите на этот пример:
series: [{
colors: ["#880000", "#AFAFAF", "#008800", "#000088", "#ffb238", "#ffee37"],
data: [
{color: "#BB0000", from: "Red", to: "Colour Demo", weight: 10},
{color: "#00BB00", from: "Green", to: "Colour Demo", weight: 4}, {color: "#0000BB", from: "Blue", to: "Colour Demo", weight: 6},
{color: "#ffb238", from: "Colour Demo", to: "Orange", weight: 10},
{color: "#ffee37", from: "Colour Demo", to: "Yellow", weight: 10}
]
}]
https://jsfiddle.net/jjjjssssfidd/c2dbjshx/2/
Узлы окрашены с использованием серийных цветов в том порядке, в котором они отображаются (слева направо, смещаясь вниз).Итак, в этом примере:
- Сначала «Red» (с использованием series []. Colors [0])
- Затем «Color Demo» (с использованием series []. Colors [1])
- Назад к зеленому (серия []. Цвета [2])
- вплоть до "синего" (с использованием серии []. Цвета [3])
- Затем к Оранжевому (серия []. Colors [4])
- Наконец, Желтый (series []. Colors [5])
Сам поток раскрашивается в соответствии сцвет для этой точки данных, так что это прямая связь.