DC.js - colorMixin

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']);