echarts 柱状图渐变，间隔的柱状图渐变色不同

可以使用 echarts 中的渐变色实现柱状图的渐变效果，而间隔的柱状图渐变色不同，可以通过设置不同的渐变色对象来实现。

示例代码如下：

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
        axisLabel: {
            interval: 0
        }
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            name: 'bar',
            type: 'bar',
            barWidth: '50%',
            itemStyle: {
                normal: {
                    color: function(params) {
                        // 设置渐变色
                        var colorList = [
                            new echarts.graphic.LinearGradient(
                                0, 0, 0, 1,
                                [
                                    {offset: 0, color: '#8d98b3'},
                                    {offset: 1, color: '#4c5b7f'}
                                ]
                            ),
                            new echarts.graphic.LinearGradient(
                                0, 0, 0, 1,
                                [
                                    {offset: 0, color: '#5e698c'},
                                    {offset: 1, color: '#2b3a5a'}
                                ]
                            )
                        ];
                        // 根据当前索引设置不同的渐变色
                        var index = params.dataIndex;
                        if (index % 2 === 0) {
                            return colorList[0];
                        } else {
                            return colorList[1];
                        }
                    }
                }
            },
            data: [10, 52, 200, 334, 390, 330, 220]
        }
    ]
};

上述代码中，使用 `echarts.graphic.LinearGradient` 创建了两个渐变色对象，分别作为偶数索引和奇数索引的柱状图的颜色。在 `itemStyle.normal.color` 中，判断当前索引的奇偶性，返回不同的渐变色即可。