Javascript 如何在创建时在ChartList中设置条形图动画
我正在使用chartist.js创建和显示一个简单的条形图。 我不能围绕动画功能和如何使用它来思考,我正在寻找一个简单的上升动画,用于图表创建中的条形图。Javascript 如何在创建时在ChartList中设置条形图动画,javascript,animation,charts,chartist.js,Javascript,Animation,Charts,Chartist.js,我正在使用chartist.js创建和显示一个简单的条形图。 我不能围绕动画功能和如何使用它来思考,我正在寻找一个简单的上升动画,用于图表创建中的条形图。 我从另一个问题中发现了这一点,我正在寻找与示例中条形图相同的条形图动画在官方ChartList.js中搜索更多示例并使用firefox调试器测试图表绘制事件后,我找到了以下解决方案: chart.on('draw', function(data) { if(data.type == 'bar') { data.elem
我从另一个问题中发现了这一点,我正在寻找与示例中条形图相同的条形图动画在官方ChartList.js中搜索更多示例并使用firefox调试器测试图表绘制事件后,我找到了以下解决方案:
chart.on('draw', function(data) {
if(data.type == 'bar') {
data.element.animate({
y2: {
dur: '0.2s',
from: data.y1,
to: data.y2
}
});
}
});
在官方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
}
});
}
});
嘿,您的图表是否在任何事件单击或窗口调整时重画?嘿,您的图表是否在任何事件单击或窗口调整时重画?