- DC.js 教程
- DC.js - 主页
- DC.js - 简介
- DC.js - 安装
- DC.js - 概念
- 交叉过滤器简介
- D3.js 简介
- DC.js - 混合
- DC.js-baseMixin
- DC.js - capMixin
- DC.js - colorMixin
- DC.js - marginMixin
- DC.js -坐标GridMixin
- DC.js - 饼图
- DC.js - 折线图
- DC.js - 条形图
- DC.js - 综合图表
- DC.js - 系列图表
- DC.js - 散点图
- DC.js - 气泡图
- DC.js - 热图
- DC.js - 数据计数
- DC.js - 数据表
- DC.js - 数据网格
- DC.js - 图例
- DC.js - 仪表板工作示例
- DC.js 有用资源
- DC.js - 快速指南
- DC.js - 有用的资源
- DC.js - 讨论
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']);