echart柱状图动画效果
时间: 2023-06-29 17:04:05 浏览: 124
ECharts提供了多种动画效果,可以通过设置series中的animation属性来实现。对于柱状图,可以设置animation.type属性为scale,即缩放动画效果。具体实现代码如下:
```javascript
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar',
animationType: 'scale'
}]
};
// 渲染图表
myChart.setOption(option);
```
此外,ECharts还提供了其他动画效果,如animation.type属性为fade、scale等。可以根据具体需求选择不同的动画效果。
阅读全文