对于基于d3 js的作业,我们尝试通过此链接http://bl.ocks.org/mstanaland/6100713实施堆叠的条形图。问题在于,只有变量dataset
的第一个元素获得y0
和y
的正确值,第二个元素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”,....}
目标是创建一个变量数据集,其值分别为x
,y
,y0
,与上述示例相对应。