使用nvd3.js的运动图表
我想实现类似于但使用nvd3.js的运动图表。我从nvd3.org获取了散点图/气泡图的示例,并为数据添加了一个额外的键。我使用此关键点作为动画的帧编号。你可以在这里找到它: 我的想法是在名为from.tween的函数中更改图表的数据:使用nvd3.js的运动图表,d3.js,nvd3.js,D3.js,Nvd3.js,我想实现类似于但使用nvd3.js的运动图表。我从nvd3.org获取了散点图/气泡图的示例,并为数据添加了一个额外的键。我使用此关键点作为动画的帧编号。你可以在这里找到它: 我的想法是在名为from.tween的函数中更改图表的数据: function drawFrame(idx) { var data = _.where(dataset, { index: idx }); d3.select('#chart svg').datum(data)
function drawFrame(idx) {
var data = _.where(dataset, {
index: idx
});
d3.select('#chart svg').datum(data)
.transition().duration(100).call(window.chart.update);
}
function tweener() {
var idx = d3.interpolateNumber(0, 9);
return function (t) {
drawFrame(Math.round(idx(t)));
};
}
//should this work?
d3.select('#chart svg')
.transition().duration(10000).ease("linear").tween(".nv-clip-points", tweener);
这可能是一个一般性的d3问题,但我是否遗漏了什么