echarts折线图横向纵向都渐变

ECharts是一款强大的JavaScript图表库，可以创建各种复杂的可视化效果。在ECharts中，如果你想让折线图的背景或者线条本身呈现出渐变效果，你可以利用`visualMap`（视觉映射）功能结合`piecewiseFunction`（分段函数）来实现这种动态效果。

首先，在配置项中添加`visualMap`部分，设置渐变的范围、颜色映射和渐变类型，例如线性渐变（`type: 'linear'`）：

var option = {
    xAxis: { ... }, // X轴配置
    yAxis: { ... }, // Y轴配置
    series: [
        {
            name: '数据',
            type: 'line', // 折线图
            visualMap: {
                show: true,
                pieces: [
                    {
                        value: [0, 50], // 渐变开始和结束的值范围
                        color: ['#fee091', '#90ee90'], // 渐变的颜色列表
                        visualType: 'piecewise' // 使用分段映射
                    }
                ]
            },
            data: [...]
        }
    ],
};

如果你想要的是整个折线图背景的渐变，这通常是通过CSS调整达到的，而不是ECharts直接支持的功能。