echartrs基础折线图线条颜色渐变

在ECharts中，如果你想要创建一个基础折线图，并且希望线条颜色呈现渐变效果，你可以利用ECharts提供的自定义系列渲染功能，特别是通过`visualMap`和`series.lineStyle`属性来实现。以下是一个基本的例子：

option = {
  visualMap: { // 创建一个视觉映射范围
    type: 'continuous', // 持续型映射
    min: 0,
    max: 100, // 设置渐变范围
    seriesIndex: [0], // 只影响特定系列
    dimension: 0, // 映射数据的维度
    color: ['#0000ff', '#00ff00'] // 颜色数组定义渐变效果
  },
  series: [
    {
      name: '折线图',
      type: 'line', // 线型图表
      data: yourData, // 曲线数据
      lineStyle: { // 自定义线条样式
        type: 'piecewise', // 使用分段线样式
        pieces: [{ // 渐变区间
          begin: 'min', // 开始值对应视觉映射的最小值
          end: '80%', // 结束值（包括）
          value: ['#0000ff'] // 蓝色
        }, { // 第二个渐变区间
          begin: '80%', // 开始值（不包括）
          end: 'max', // 结束值对应视觉映射的最大值
          value: ['#00ff00'] // 绿色
        }]
      }
    }
  ]
};

在这个配置中，当数据落在[0, 80%]时，线条将从蓝色渐变为绿色。