d3堆积条形图问题

时间:2019-01-25 15:00:01

标签: javascript d3.js bar-chart

对于基于d3 js的作业,我们尝试通过此链接http://bl.ocks.org/mstanaland/6100713实施堆叠的条形图。问题在于,只有变量dataset的第一个元素获得y0y的正确值,第二个元素Earthquake才获得y的值NaN有时是y0的正值。如果我们给y设置一个固定的级别,则该图表会正确堆叠,并具有正确的颜色等。

有人可以帮忙吗?

我们当前的代码如下:

  var dataset = d3.layout.stack()(naturalDisasters.map(function(nd) {

    return data.map(function(d) {

      return {x: parse(d.Year), y: +d[nd], y0: 0 };

    });
  }));

变量naturalDisasters是具有9类自然灾害的变量

var naturalDisasters = ["Drought", "Earthquake", "Epidemic", 
"ExtremeTemperature", "ExtremeWeather", "Flood", "Landslide", 
"VolcanicActivity", "Wildfire"];

数据是一个包含118个对象的数组{年:...,干旱:“ 2”,地震:“ 0”,....}

目标是创建一个变量数据集,其值分别为xyy0,与上述示例相对应。

0 个答案:

没有答案