在 dc.js 中对数据 table 进行颜色编码

Question

我有一个不同的基本问题，对 dc.js 了解甚少。我正在尝试使用我拥有的数据创建记分卡，并使用 dc.js 将其显示为数据 table。我正在通过交叉过滤器处理数据。

如何对数据中的条目进行颜色编码 table。假设我的 table 将具有从 -1 到 1 的值，我想按如下方式为单元格着色： -1 到 0：减少红色梯度 0：白色 0 到 1：增加绿色渐变

我知道我无法提供任何代码，但那是因为我完全不知道如何实现这一点。非常感谢您的帮助。

谢谢。

Answer 1

你可以用 css 来做到这一点。

我正在使用数据表 jquery 插件。

{ targets: 3, 
data: function (d) {
    if (d.Rating<5) {       return '<span class="red">'+d.Rating+'</span>' ;}
    else if (d.Rating<7) {  return '<span class="yellow">'+d.Rating+'</span>' ;}
    else if (d.Rating<=10) {return '<span class="green">'+d.Rating+'</span>' ;}
    else {                  return '<span class="grey">'+d.Rating+'</span>' ;}
}}

您可以创建任意多的类别。
并像这样用 css 修改外观。

.red{ background-color:red; }
.yellow{ background-color:yellow; }
.green{ background-color:green; }

在 dc.js 中对数据 table 进行颜色编码

Color code a data table in dc.js

crossfilter

dc.js