我要在频率的折线图中呈现一组数据
数据解析
var volumeChart = dc.barChart('#monthly-volume-chart');
var dateFormatSpecifier = '%Y-%m-%dT%H:%M:%S.000Z';
var dateFormat = d3.timeFormat(dateFormatSpecifier);
var dateFormatParser = d3.timeParse(dateFormatSpecifier);
var numberFormat = d3.format('.2f');
data.forEach(function (d) {
d.dd = dateFormatParser(d.timestamp);
d.minute = d3.timeMinute(d.dd)
//coerce to number with a +
});
维度分组
var freqByMins = ndx.dimension(function (d) {
return d.minute;
});
var aa = freqByMins.group()
console.log(aa.all())
var freqByMinsGroup = aa.reduceCount(function (d) {
return d.minute;
});
console.log(freqByMinsGroup.all())
看着freqByMinsGroup.all()
,我得到了以下数据
0: {key: Thu Feb 21 2019 05:29:00 GMT+0800 (Singapore Standard Time), value: 2}
1: {key: Thu Feb 21 2019 05:30:00 GMT+0800 (Singapore Standard Time), value: 5}
2: {key: Thu Feb 21 2019 05:31:00 GMT+0800 (Singapore Standard Time), value: 6}
3: {key: Thu Feb 21 2019 05:32:00 GMT+0800 (Singapore Standard Time), value: 3}
4: {key: Thu Feb 21 2019 05:33:00 GMT+0800 (Singapore Standard Time), value: 1}
5: {key: Thu Feb 21 2019 05:34:00 GMT+0800 (Singapore Standard Time), value: 1}
6: {key: Thu Feb 21 2019 05:35:00 GMT+0800 (Singapore Standard Time), value: 3}
7: {key: Thu Feb 21 2019 05:36:00 GMT+0800 (Singapore Standard Time), value: 4}
8: {key: Thu Feb 21 2019 05:38:00 GMT+0800 (Singapore Standard Time), value: 4}
9: {key: Thu Feb 21 2019 05:39:00 GMT+0800 (Singapore Standard Time), value: 7}
length: 10
渲染图
volumeChart.width(960)
.height(100)
.margins({top: 10, right: 10, bottom: 20, left: 40})
.dimension(freqByMins)
.group(freqByMinsGroup)
.transitionDuration(500)
.elasticY(true)
.x(d3.scaleTime().domain([new Date(2019, 2, 21, 5, 29, 0), new Date(2019, 2, 21, 5, 40, 0)]))
.xAxis();
但是,我的交叉过滤器图表未显示任何计数。
附有图片
答案 0 :(得分:1)
在没有运行示例的情况下很难说,因为这看起来还可以
但是请尝试:
.xUnits(d3.timeMinutes) // to tell the chart how many entries
.x(d3.scaleTime()) // let the chart calculate the domain
.elasticX(true)
例如,如果您自己不在新加坡时区,您可能会遇到麻烦。除非您需要额外的控制,否则使用elasticX / elasticY总是更容易。
我用伪造的组构建了一个dummy fiddle,其中包含您的汇总数据,并且可以正常工作。