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

Question

我有一个不同的基本问题，并且对 dc.js 知之甚少。 我正在尝试使用我拥有的数据创建一个记分卡，并使用 dc.js 将其显示为数据表。我正在通过 crossfilter 处理数据。

如何对数据表中的条目进行颜色编码。假设我的表格的值从 -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; }