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

Question

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

小提琴在http://jsfiddle.net/pjrc0yy3/1/

分享

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

可能如下面的代码：

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

Answer 1

将代码更改为：

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

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