繁体   English   中英

dc.js图不会显示线和y轴值

[英]dc.js graph won't show line and y axis values

这里处理示例,我正在csv中使用自己的数据集尝试显示简单的折线图。 但是,无论我如何为lineChart创建“组”,它都不会在图形上显示任何实际的线,也不在轴上显示任何y值。 我正确解析了时间,因为画笔在图形上按预期方式工作,并且x轴具有正确的时间标签。

d3.csv('weatherLogMod.csv', function(data) {
        var parseDate = d3.time.format("%Y/%m/%d %H:%M");

        data.forEach(function(d) {
            d.absHumidity = ((6.112 * Math.exp((17.67 * +d.Temperature)/(+d.Temperature + 243.5)) * 2.1674 * +d.Humidity.replace(/[",%]/g, ''))/(273.15 + +d.Temperature));
            d.date = parseDate.parse(d.Time);
            d.warmth = +d.Temperature;
        });

        var instance = crossfilter(data);

        var dateDim = instance.dimension(function(d) { return d.Time; });
        var tempGroup = dateDim.group().reduceSum(function(d) {return d.warmth;});
        var minDate = dateDim.bottom(1)[0].date;
        var maxDate = dateDim.top(1)[0].date;

        var tempChart = dc.lineChart("#chart-line-hitsperday"); 
        tempChart
            .width(500).height(200)
            .dimension(dateDim)
            .group(tempGroup)
            .x(d3.time.scale().domain([minDate,maxDate])); 

        dc.renderAll();
    });

我找不到我在做什么错; 在控制台中,执行tempGroup.all()给了我一个充满温度日期值的数组:键,所以看起来应该可以工作吗? 是我的问题屏幕截图。

经过反复试验,我发现了这一点。

var dateDim = instance.dimension(function(d) { return d.Time; });

应该:

var dateDim = instance.dimension(function(d) { return d.date; });

而且效果很好。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM