colorMixin обеспечивает поддержку цвета для всех графиков, которые необходимо визуализировать с использованием цветов. Иерархия colorMixin определена на диаграмме ниже.
colorMixin предоставляет следующий список методов для работы с цветами, и они следующие:
colorAccessor ([colorAccessor])
Получает или задает функцию доступа к цвету. Это отобразит отдельное значение цвета в цветовой шкале для каждой точки данных в базовой группе Crossfilter. Цветовой доступ по умолчанию выглядит следующим образом:
mychart.colorAccessor(function (d, i){return i;})
colorDomain ([домен])
Получает или задает текущий домен для функции сопоставления цветов, и он должен быть представлен в виде массива.
calculateColorDomain ()
Устанавливает цветовую область, определяя минимальное и максимальное значения элемента данных, найденного с помощью функции colorAccessor ().
цвета ([colorScale])
Получает или задает цветовую шкалу. Он принимает шкалу d3.scale .
chart.colors(d3.scale.category20b()); chart.colors(d3.scale.ordinal().range(['red','green','blue']));
linearColors (г)
Сокращенный метод для установки интерполированной линейной цветовой шкалы.
chart.linearColors(["#4575b4", "#ffffbf", "#a50026"]);
ordinalColors (г)
Сокращенный метод для установки порядковой цветовой шкалы.