试图渲染数据d3 crossfilter dc.js BarChart。绘制图表,但它是空的 [英] Trying to render data d3 crossfilter dc.js BarChart. The chart is drawn, but it's empty
本文介绍了试图渲染数据d3 crossfilter dc.js BarChart。绘制图表,但它是空的的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我必须做一些天真的事情,但我无法在图表中显示我的数据。
I must be doing something naive, but I can't get my data to render within the chart.
这是我的示例数据:
var data = [
{
date: '02-12-2013',
val: 13,
}
{
date: '02-13-2013',
val: 6,
}
...
]
这是我的代码:
var cf = crossfilter(data);
var dim = cf.dimension(function(d){ return d.val });
var group = dim.group();
var barchart = dc.barChart('#container');
barchart.width(850)
.height(250)
.margins({top: 10, right: 50, bottom: 30, left: 40})
.dimension(dim)
.group(group)
.gap(1)
.x(d3.time.scale()
.domain([new Date(data[0].date),
new Date(data[data.length-1].date)]))
.xUnits(d3.time.day)
.centerBar(true)
.renderHorizontalGridLines(true)
.renderVerticalGridLines(true)
.render();
我在这里缺少什么?这是图表的截图:
What am I missing here? Here's the screenshot of the chart:
推荐答案
尝试使用 date
作为维度:
var dim = cf.dimension(function(d){ return d.date });
对于条形图,您的维度通常需要与您的 X匹配
轴刻度。
For bar chart your dimension usually is what needs to be matched with your X
axis scale.
这篇关于试图渲染数据d3 crossfilter dc.js BarChart。绘制图表,但它是空的的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文