d3 path.line stroke-width与IF语句/三元运算符

时间:2018-11-10 16:19:38

标签: javascript arrays object d3.js

尝试使用IF语句/三元运算符来更改行的笔划宽度if.d.country ===“ China”笔划宽度:2.这必须是path.line属性,因此这是在调用行之后将其附加到的内容。

我已将countryName添加到排放对象,我还注意到条件始终为FALSE,因此笔划宽度为0.5。为什么它不是TRUE?

Codepen

listOfGenes

1 个答案:

答案 0 :(得分:1)

rioV8的意思是您已经选择了组,因此只需要使用groups来添加新元素。

groups是您所有g的一部分,您可以在其中附加路径。与您不再选择添加标题的方式相同。

groups
    .append("path").classed("line", true)
    .attr("d", d=> line(d.emissions))
    .style("stroke-width", d => 
        d.country === "China" ? 5 : 0.5
    )