Для задания, основанного на d3 js, мы попытались реализовать составленную столбчатую диаграмму по этой ссылке http://bl.ocks.org/mstanaland/6100713. Проблема в том, что только первый элемент нашего var dataset
получает правильные значения для y0
и y
, второй элемент Earthquake
получает значение NaN для y
и иногда положительные значения для 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
, соответствующими приведенному выше примеру.