选择条件为d3.js

时间:2016-01-19 17:39:54

标签: javascript d3.js

This guide有助于以红色标注values <= 400

.style("fill", function(d) {           
    if (d.name <= 400) { return "red" }
    else { return "black" }         
;})       

我想知道如何为自定义样式返回特定字符串。我试过这个

.style("fill", function(d) {           
    if (d['title'] = "blog") { return "red" }
    else { return "black" }         
;})  

我也希望能够选择一个阵列。例如,我希望使用数组集合生成的所有元素都是红色的。我该怎么做呢?

collection = [{
  "title" : "Blog",
  "categories" : [ "Category-1", "Category-2" ]
}], 

library = [{
  "title" : "Blog",
  "categories" : [ "Category-1", "Category-2" ]
},]; 

1 个答案:

答案 0 :(得分:1)

我认为@George是正确的。你的if条件有问题。 d['title'] = "blog"实际上分配字符串&#34;博客&#34;到d.title。您需要的是boolean比较。

.style("fill", function(d) {           
        if (d['title'] == "blog") {return "red"} 
        else    { return "black" }         
    ;})