echarts折线图渐变色

### ECharts 折线图渐变色设置

为了在ECharts中实现折线图的渐变颜色，可以通过配置`itemStyle.normal.color`属性来指定渐变效果。具体来说，在定义系列数据时加入如下代码可以完成这一操作：

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: 'line',
        itemStyle: {
            normal: {
                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                    offset: 0,
                    color: '#ff0000' // 起始颜色
                }, {
                    offset: 1,
                    color: '#00ff00' // 结束颜色
                }])
            }
        }
    }]
};
myChart.setOption(option);

上述代码展示了如何通过JavaScript创建具有渐变填充效果的折线图表[^1]。