plottable.js 数据变化时的饼图动画

Question

我正在尝试在数据更改时为饼图制作动画。下面是一段代码

var piePlot = new Plottable.Plots.Pie()
            .addDataset(dataset)
            .outerRadius(function() { return Math.floor(piePlot.width()/10) + 40 })
            .innerRadius(function() { return Math.floor(piePlot.width()/10) })
            .sectorValue(function(d) { return d.y; })
            .attr("fill", function(d) { return d.x; }, colorScale)
            .attr("opacity",0.8)
            .animated(true)
            .animator(Plottable.Plots.Animator.MAIN,new Plottable.Animators.Easing().easingMode("quad").stepDuration(3500));

我的困惑是动画对折线图和面积图等图表效果很好，但对矩形图、饼图、散点图等其他图表不起作用。为什么会这样？我们需要制作自定义动画功能还是什么？如果可以，请指导我...

就像我说的那样完美

var linePlot = new Plottable.Plots.Line()
        .addDataset(dataset)
        .x(function(d) { return d.x; }, xScale)
        .y(function(d) { return d.y; }, yScale)
        .attr("stroke","#FA8116")
        .animated(true)
        .animator(Plottable.Plots.Animator.MAIN,new Plottable.Animators.Easing().easingMode("quad").stepDuration(3500));

Answer 1

貌似没有实现饼图和矩形图的动画支持。

plottable.js 数据变化时的饼图动画

Pie chart animation when data changes in plottable.js

javascript

animation

d3.js

plottable