颜色代码dc.js中的数据表

Question

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

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

我知道我无法提供任何代码，但因为我完全失去了如何实现这一目标。帮助将非常感激。

谢谢。

Answer 1

你可以用css做到这一点。

我正在使用datatables 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; }