有条件地设置可缩放树图的颜色

时间:2015-06-01 14:35:09

标签: javascript json d3.js colors

我使用D3库使用Javascript和JSON为我的应用程序数据创建Zoomable Treemap。我在网上看到很多时候用于颜色的d3类别用于确定每个部分的颜色。但是,我希望使用我的应用程序逻辑为树图的各个部分着色。如下所示:

If conditionA
  color = red
If conditionB
  color=green 
....

有没有办法实现这一点。检查我的JSON对象的值,并仅根据某些条件设置一个部分的颜色;并将所有其他部分设置为默认颜色?

1 个答案:

答案 0 :(得分:0)

您的问题有点模糊(下次包含一些代码!),但一般情况下,假设您有这样的数据:

---
- hosts: foobar
  remote_user: someguy
  tasks:
    - name: configure /usr/src/foo
      file: 
        dest: /usr/src/foo
        state: directory
        owner: {{ remote_user }}
        group: {{ remote_user }}
        recurse: yes
      sudo: yes
然后它就像:

一样简单
var data = [{
  conditionA: true,
  conditionB: false
}, {
  conditionA: false,
  conditionB: true
}, {
  conditionA: false,
  conditionB: false
}];

这是example