dimple.js绘制错误的值

时间:2015-05-13 13:43:27

标签: javascript csv d3.js plot dimple.js

我们正在尝试开发一个图表,其中绘制了具有相应相对湿度和温度值的天气文件。到目前为止,图表生成正确,并根据您的位置绘制当前天气数据,但它没有绘制当前位置的典型年度天气数据。

正确的数组被写入控制台,但是当用于绘制凹坑时,最终在图表上的数据与在控制台中记录的数据不同。它通常要高得多。

我们遇到了从第171行开始的代码问题。 见以下链接: http://jsfiddle.net/jamesrowse/bnq419qx/1/

这可能是d3.csv和dimple之间发生冲突的问题,或者是如此大量的点要用于绘图。

这是从第171行结束第193行开始的功能,它给我们提出了问题:

d3.csv("http://psychrometric.s3-website-us-east-1.amazonaws.com/HourlyWeatherFiles/GBR_London.Gatwick.037760_IWEC.csv", function (data) {
// console.log(data);
var hourlydata = [];
for (var i = 0; i < data.length; i++) {
    //console.log(data[i]);
    var rh = parseFloat(data[i].rh);
    var dbt = parseFloat(data[i].dbt);
    hourlydata.push({
        "Relative Humidity": rh,
        "Dry-Bulb Temperature": dbt,
        "Moisture Content": psy.convert(rh, dbt, "rh", "w")
    });
}
    console.log("*********************************");
console.log(hourlydata);
var hourlySeries = myChart.addSeries("Relative Humidity", dimple.plot.bubble, [xAxis, yAxis]);
hourlySeries.data = hourlydata;
hourlySeries.radius= 3;
drawChart();
});

任何帮助将不胜感激

1 个答案:

答案 0 :(得分:0)

它正在汇总你的系列。看起来默认聚合是在显示之前每当x轴值匹配时对所有记录求和。您可以通过在系列中定义聚合来覆盖该行为,如下所述:https://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#aggregate

您可能想要探索的另一件事是“堆叠”选项,但目前我无法理解的原因似乎没有帮助:https://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.series#stacked