堆积面积图:过渡到删除图表

时间:2014-04-23 18:08:23

标签: javascript d3.js charts transition

我在我的网站上使用与此示例http://bl.ocks.org/mbostock/3020685中提供的图表完全相同的图表。

我想在删除图表时添加一个很好的转换。我希望我的区域的高度逐渐设置为0.我试图这样做的方式如下:

  var stackedArea0 = d3.svg.area()
      .interpolate("cardinal")
      .x(function(d) { return x(d.date); })
      .y0(function(d) { return height; })
      .y1(function(d) { return height; });

  d3.csv("./javascripts/postinghours.csv", function(data) {
    data.forEach(function(d) {
      d.date = format.parse(d.date);
      d.value = +d.value;
    });

    var stack = d3.layout.stack()
      .offset("zero")
      .values(function(d) { return d.values; })
      .x(function(d) { return d.date; })
      .y(function(d) { return d.value; });

    var nest = d3.nest()
        .key(function(d) { return d.key; });

    var layers = stack(nest.entries(data));

    svg.selectAll(".layer")
        .data(layers)
        .transition(1000)
        .attr("d", function(d) { return stackedArea0(d.values); })
        .remove();
    });

然而它不起作用,我在控制台中收到此错误:

Error: Problem parsing 
d="MNaN,0.08960000000000001QNaN,329.....

我做错了什么?

由于

0 个答案:

没有答案