DC.js colorMixin

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

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

查看笔记

扫码一下
查看教程更方便