echarts柱状图流光动效怎么配置

以下是配置echarts柱状图流光动效的方法：

1.在option中添加以下代码：

series: [{
    type: 'bar',
    barWidth: 20,
    itemStyle: {
        normal: {
            color: function(params) {
                var colorList = [
                    '#C1232B','#B5C334','#FCCE10','#E87C25','#27727B',
                    '#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD',
                    '#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0'
                ];
                return new echarts.graphic.LinearGradient(
                    0, 0, 0, 1,
                    [
                        {offset: 0, color: colorList[params.dataIndex]},
                        {offset: 1, color: '#fff'}
                    ]
                )
            },
            barBorderRadius: 50,
        },
    },
    data: [10, 52, 200, 334, 390, 330, 220]
}],
animationEasing: 'elasticOut',
animationDelay: function (idx) {
    return idx * 20;
},
animationDelayUpdate: function (idx) {
    return idx * 20;
}

2.在option中添加以下代码，使柱状图具有流光动效：

animationEasing: 'elasticOut',
animationDelay: function (idx) {
    return idx * 20;
},
animationDelayUpdate: function (idx) {
    return idx * 20;
}

其中，animationEasing表示动画的缓动效果，animationDelay表示动画延迟的时间，animationDelayUpdate表示数据更新时动画延迟的时间。