开发手册 欢迎您!
软件开发者资料库

DC.js - colorMixin

DC.js colorMixin - 从简单和简单的步骤学习DC.js,从基本到高级概念,包括简介,安装,概念,Crossfilter简介,D3.js简介,Mixins,baseMixin,capMixin,colorMixin,marginMixin,coordinateGridMixin饼图,线,酒吧,复合,系列,分散,气泡图,热图,数据计数,表,网格,图例,仪表板工作示例。

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","#ffffff","#a50026"]);


ordinalColors(r)

设置序数色标的快捷方法.

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