如何在创建时使图表中的条形图设置动画

时间:2018-01-17 10:01:16

标签: javascript animation charts chartist.js

我使用chartist.js创建并显示一个简单的条形图。 我不能围绕动画功能和如何使用它,我正在为图表创建中的条形图寻找一个简单的上升动画。 我从另一个问题中找到了这个example,并且我希望将条形图设置为与示例中的条形图相同

1 个答案:

答案 0 :(得分:3)

在官方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
            }
        });
    }
});