0

我正在运行 7.12.0.1229，根据Anychart：如何在 AnyChart7.1 的饼图或漏斗图中添加动画，修复了几个动画问题。

尝试将图表类型与pie3d结合使用时 ，chart.animation(true, 800);图表将无法呈现。chart.animation(true);chart.animation({enabled: true, duration: duration})

工作示例http://jsfiddle.net/RainerAtSpirit/c2wye9m9/3/

anychart.onDocumentReady(function() {
    //dataset
    var data = anychart.data.set([
        ["$0-$50,000", 68],
        ["$50,000-$100,000", 13],
        ["$100,000-$150,000", 6],
        ["$150,000-$250,000", 6],
        ["$250,000 - plus", 7]
    ])

    var chart = anychart.pie3d(data);

    //adjust legend
    var legend = chart.legend();
    legend.enabled(true);
    legend.position("left");
    legend.align("center");
    legend.itemsLayout("vertical");

    //create title
    var title = chart.title();
    title.text("Pop Out");
    title.enabled(true);

    //inner radius makes this a doughnut chart instead of pie
    chart.innerRadius("30%");

    //define the container
    chart.container("container");

    // chart.animiation breaks pie3d chart type
    // chart.animation(true, 800);

    //set delay to recall draw ch art to
    chart.draw();
});

破例http://jsfiddle.net/RainerAtSpirit/c2wye9m9/2/

anychart.onDocumentReady(function() {
    //dataset
    var data = anychart.data.set([
        ["$0-$50,000", 68],
        ["$50,000-$100,000", 13],
        ["$100,000-$150,000", 6],
        ["$150,000-$250,000", 6],
        ["$250,000 - plus", 7]
    ])

    var chart = anychart.pie3d(data);

    //adjust legend
    var legend = chart.legend();
    legend.enabled(true);
    legend.position("left");
    legend.align("center");
    legend.itemsLayout("vertical");

    //create title
    var title = chart.title();
    title.text("Pop Out");
    title.enabled(true);

    //inner radius makes this a doughnut chart instead of pie
    chart.innerRadius("30%");

    //define the container
    chart.container("container");

    // chart.animiation breaks pie3d chart type
    chart.animation(true, 800);

    //set delay to recall draw ch art to
    chart.draw();
});
4

2 回答 2

1

确实不好看，谢谢举报！我们将此案例转移到我们的错误跟踪系统，因此我们将深入研究并尽快回复您。至于动画功能的共同点，3d图表支持动画：

chart = anychart.bar3d([2, 8, 3, 4, 9]);
chart.animation({enabled: true, duration: 3000});

JSFIDDLE

但是如果 3d pie 不起作用，我们将很快对其进行调查。

于 2017-02-14T17:07:58.573 回答
0

3D 图表似乎尚不支持动画。因此，要么将图表制作为带有动画的 2d 饼图，要么制作为不带动画的 3D 图表。

于 2017-02-13T11:36:21.943 回答