如何在echarts中添加渐变颜色？

// 创建渐变色对象
var gradient = new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
    offset: 0,
    color: 'rgba(0, 0, 255, 1)' // 起始颜色
}, {
    offset: 1,
    color: 'rgba(0, 0, 255, 0)' // 结束颜色，透明度为0
}]);

// 设置渐变色
option = {
    series: [{
        type: 'bar',
        data: [10, 20, 30, 40, 50],
        itemStyle: {
            normal: {
                color: gradient // 设置渐变色为填充色
            }
        }
    }]
};

// 渲染echarts图表
var myChart = echarts.init(document.getElementById('chart'));
myChart.setOption(option);