anychart - 任意图表标签的计数功能

Question

我有一个使用 anychart.js 制作的饼图

JSFiddle

我想要实现的是在页面加载时使图表上的标签“计数”。我有一个工作的 javascript 示例位于此处

这是我用来实现这一点的代码

$(document).ready(function () {
    $('.count').each(function () {
    $(this).prop('Counter', 0).animate({
        Counter: $(this).text()
    }, {
        duration: 4000,
        easing: 'swing',
        step: function (now) {
            $(this).text(Math.ceil(now));
        }
    });
});
});

我只是不知道如何将它附加到饼图上的标签上。

Answer 1

如果你切换到 7.12.0 你可以得到开箱即用的动画：http: //jsfiddle.net/jqqgf5r1/7/

    chart.animation(true);

Answer 2

不确定我是否理解您想要实现的目标，但我希望这个示例对 http://jsfiddle.net/jqqgf5r1/10/有所帮助

    // update progress values in data to random values every 500ms
    setInterval(function() {
        var pointsCount = data.getRowsCount();
                for (var i = 0; i < pointsCount; i++) {
        chart.data().set(i, 'progress', Math.ceil(Math.random() * 100));
      }
    }, 500);