DC.js - colorMixin


colorMixin为所有需要使用颜色进行可视化的图表提供颜色支持。colorMixin 的层次结构如下图定义。

颜色混合

colorMixin 提供了以下处理颜色的方法列表,它们如下 -

颜色访问器([颜色访问器])

获取或设置颜色访问器函数。这将为基础 Crossfilter 组中的每个数据点映射色标中的不同颜色值。默认颜色访问器如下 -

mychart.colorAccessor(function (d, i){return i;})

颜色域([域])

获取或设置颜色映射函数的当前域,它必须作为数组提供。

计算颜色域()

通过确定使用 colorAccessor() 函数找到的数据元素的最小值和最大值来设置颜色域。

颜色([颜色比例])

获取或设置色阶。它接受d3.scale

chart.colors(d3.scale.category20b());
chart.colors(d3.scale.ordinal().range(['red','green','blue']));

线性颜色(r)

设置插值线性色阶的快捷方法。

chart.linearColors(["#4575b4", "#ffffbf", "#a50026"]);

序数颜色(r)

设置序数色阶的快捷方法。

chart.ordinalColors(['red','green','blue']);