有没有一种简单的方法可以将D3多线图转换为面积图?

时间:2015-06-24 19:31:03

标签: javascript d3.js charts

我对D3很新,我试图制作一个没有成功的堆积区域图表(类似于这个:http://nvd3.org/examples/stackedArea.html)。

到目前为止,我有一个堆叠的多线图,所以我希望可能有一种简单的方法可以将颜色填充到图表的底部,但是当我尝试填充时,它会对它进行着色错误。这是一个帮助的小提琴(尽管代码直到第1707行才开始,因为第一个块是JSON:https://jsfiddle.net/wL04qqk1/2/

在CSS中,我试着让它看起来像这样:

NewFolder/file_2.txt

但它没有正确填写。

非常感谢你的帮助!!

1 个答案:

答案 0 :(得分:0)

请在https://jsfiddle.net/wL04qqk1/3/

上查看更新后的小提琴

我将样式标准添加到您正在绘制的路径中,如下所示:

 var path4 = graph.append("g")
     .append("path")
     .data([data4])
     .attr("class", "line4")
     .style({'fill':'red'});

希望这会有所帮助:)