如何在创建图表时为条形图设置动画

Question

我正在使用 chartist.js 创建和显示一个简单的条形图。我无法围绕 animate 函数以及如何使用它，我正在为图表创建中的条形寻找一个简单的上升动画。我从另一个问题中找到了这个示例，我希望将条形图设置为与示例中的条形图相同的动画

Answer 1

在官方 chartist.js 中搜索更多示例并使用 firefox 调试器测试图表绘制事件后，我得出了以下解决方案：

chart.on('draw', function(data) {
    if(data.type == 'bar') {
        data.element.animate({
            y2: {
                dur: '0.2s',
                from: data.y1,
                to: data.y2
            }
        });
    }
});