d3堆积面积图中未绘制的路径答案

【问题标题】：path not drawn in d3 stacked area chartd3堆积面积图中未绘制的路径
【发布时间】：2015-05-04 21:09:18
【问题描述】：

我正在尝试绘制堆积面积图

我已将问题提炼为this plunker。

示例数据如下，我已确认数据（由堆栈布局重新计算）已传递给区域生成器函数 areaFcn。只是路径永远不会用数据更新。我不知道为什么。

有人吗？

谢谢！

var areaFcn = function(d, i) {
 d3.svg.area() 
 .x(function(d, i) { return xScaleT(d.t); }) 
 .y0(function(d) { return yScale(d.y0); }) 
 .y1(function(d) { return yScale(d.y0 + d.y); }); 
}

var inData = [ {"data":[
 {"svName":"BBC [890]","avgBW":9654498}, 
 {"svName":"CNN [453]","avgBW":4033202}, 
 {"svName":"ESPN [984]","avgBW":4715123}], 
 "timestamp":1430712151000}, 
 {"data":[ 
 {"svName":"BBC [890]","avgBW":9654498}, 
 {"svName":"CNN [453]","avgBW":4033202}, 
 {"svName":"ESPN [984]","avgBW":4715123}], 
 "timestamp":1430712153000}, 
 {"data":[ 
 {"svName":"BBC [890]","avgBW":4103549}, 
 {"svName":"CNN [453]","avgBW":4413707}, 
 {"svName":"ESPN [984]","avgBW":11648783}], 
 "timestamp":1430712156000} 
]

http://plnkr.co/edit/dVU7NRwVsxjiQLRRKnoS

【问题讨论】：

标签： d3.js

【解决方案1】：

路径没有d 属性。代码中的一些调试表明，函数areaFcn 返回未定义。把它改成这个就可以了：

var areaFcn = d3.svg.area()
.x(function(d, i) {
    return xScaleT(d.t); })
.y0(function(d) {
    return yScale(d.y0); })
.y1(function(d) {
    return yScale(d.y0 + d.y); });

【讨论】：