Javascript 从dc.js图表访问筛选/剪裁的数据
我是dc.js的新手 我有一些数据:Javascript 从dc.js图表访问筛选/剪裁的数据,javascript,d3.js,dc.js,crossfilter,Javascript,D3.js,Dc.js,Crossfilter,我是dc.js的新手 我有一些数据: var data = [ {date: Date.UTC(2015, 4, 4), frame: "frame1" }, {date: Date.UTC(2015, 2, 1), frame: "frame2" }, {date: Date.UTC(2015, 2, 11), frame: "frame3" }, {date: Date.UTC(2015, 1, 4), frame: "fram
var data =
[
{date: Date.UTC(2015, 4, 4), frame: "frame1" },
{date: Date.UTC(2015, 2, 1), frame: "frame2" },
{date: Date.UTC(2015, 2, 11), frame: "frame3" },
{date: Date.UTC(2015, 1, 4), frame: "frame4" },
];
//create crossfilter
cf = crossfilter(data);
//create dimension
byDate = cf.dimension(function (d) {
return d.date;
});
//create group
byDateGroup = byDate.group();
我正在使用这个dc.lineChart
:
//configure timeGraph
timeGraph = dc.lineChart("#range")
.width(document.body.clientWidth)
.height(100)
.dimension(byDate)
.group(byDateGroup)
.transitionDuration(500)
.elasticY(true)
.x(d3.time.scale().domain([(byDate.bottom(1))[0].date, (byDate.top(1))[0].date + 1000]))
;
我想访问由可调范围选择器条过滤的数据。我认为将函数传递给onfilted
会起作用,但我不知道从chart
中访问什么才能返回当前过滤的数据
timeGraph.on("filtered", function (chart) {
console.log(/* print the data filtered by the 'range selector' */);
});
如果示例正常工作,那么表显示的所有内容都应该显示在控制台中
提前感谢。在尺寸上使用
top
方法。在小提琴的上下文中,byDate.top(无穷大)
该方法的交叉过滤器API文档: