DC.js - colorMixin

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

colorMixin 提供了以下方法列表来处理颜色，如下所示 −

colorAccessor( [colorAccessor])

获取或设置颜色访问器函数。这将为底层 Crossfilter 组中的每个数据点的颜色比例中映射一个不同的颜色值。默认颜色访问器如下所示 −

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

colorDomain( [domain])

获取或设置颜色映射函数的当前域，并且必须将其作为数组提供。

calculateColorDomain()

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

colors( [colorScale])

获取或设置颜色比例。它接受 d3.scale。

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

linearColors(r)

设置插值线性颜色比例的快捷方法。

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

ordinalColors(r)

设置序数颜色比例的快捷方法。

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