使用Echarts绘制动态排序折线图

$.get(ROOT_PATH + '/data/asset/data/life-expectancy-table.json', function (_rawData) {
  run(_rawData);
});

const countries = [
  'Finland',
  'France',
  'Germany',
  'Iceland',
  'Norway',
  'Poland',
  'Russia',
  'United Kingdom'
];

const datasetWithFilters = [];
echarts.util.each(countries, function (country) {
  var datasetId = 'dataset_' + country;
  datasetWithFilters.push({
    id: datasetId,
    fromDatasetId: 'dataset_raw',
    transform: {
      type: 'filter',
      config: {
        and: [
          { dimension: 'Year', gte: 1950 },
          { dimension: 'Country', '=': country }
        ]
      }
    }
  });
});

const seriesList = [];
echarts.util.each(countries, function (country) {
  var datasetId = 'dataset_' + country;
  seriesList.push({
    // 系列配置...
  });
});

option = {
  // Echarts配置项...
};

myChart.setOption(option);

const gradient = new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
  offset: 0,
  color: 'rgba(255,0,0,1)' // 0% 处的颜色
}, {
  offset: 1,
  color: 'rgba(255,0,0,0)' // 100% 处的颜色
}]);

seriesList.push({
  // 系列其他配置...
  areaStyle: {
    normal: {
      color: gradient // 使用渐变色
    }
  }
});

option = {
  // 其他配置项...
  series: seriesList.map(function (series) {
    return echarts.util.extend(series, {
      areaStyle: {
        normal: {
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
            offset: 0,
            color: 'rgba(255,0,0,1)'
          }, {
            offset: 1,
            color: 'rgba(255,0,0,0)'
          }])
        }
      }
    });
  })
};