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中数据更改时的饼图动画

1 个答案: