javascript - 如何在 Chartist 中创建条形图动画

Question

我正在使用 chartist.js 创建和显示一个简单的条形图。我无法全神贯注于动画功能以及如何使用它，我正在为图表创建中的条形图寻找一个简单的上升动画。我找到了这个 example来自另一个问题，我希望将我的条形图设置为与示例中的条形图相同的动画

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
            }
        });
    }
});