Javascript 如何在d3js中的svg路径上应用样式

当我试图根据多年数据创建地平线图时。我有一个关于“如何在d3js中的svg路径上应用样式来控制基于数据的颜色？”

提琴是在家里共享的

在这里，我可以在svg上应用颜色，但我希望使用g元素在路径上应用实际颜色

可能类似于以下代码：

path.enter().append("path")
            .transition()
            .style("fill", function(d) { return color(d); })
            .attr("transform", t0)
            .attr("d", d0);

将代码更改为：

  lineGraph
    .data([newValue])
    .transition()
    .duration(1500)
    .attr('fill', function(d) { return color(d); })

---

现在只有路径的颜色在改变，如果这是你的问题的话

谢谢Dane！不，我的问题是：为什么相同的逻辑在svg上工作而不是在路径上？哪个逻辑在路径上不工作？我不明白你的意思？？？.attr（'fill'，function（d）{return color（d）；}）其中var color=d3.scale.threshold（）.domain（[0,1]）.range（[“绿色”、“黄色”、“红色”]）；我认为它正在工作。将

svg

更改为

lineGraph

仍然映射值2->红色、1->绿色和0.5->黄色我正在使用此URL：生成地平线图，并希望在jsfiddle.net/pjrc0yy3/1上控制与小提琴相同的颜色。非常感谢您的帮助Hi Gerardo，您能告诉我在我的问题中有什么不清楚吗在此，我将尽最大努力澄清。请建议。使用的数据结构为-{Date:MMDDYYYY，Value:0.01~3.0}。我使用此URL:gist.github.com/syntagmatic/7612dd3c35eeddf51a0b作为参考代码。提前感谢！