ECharts visualMap的seriesIndex不生效，如何按系列为折线单独着色？

你遇到的问题核心是对visualMap的pieces配置理解有误：pieces是用来定义数据区间对应的视觉映射规则，而seriesIndex是整个visualMap组件的作用范围，不能在单个piece里指定对应系列。所以你之前的配置会让所有被visualMap覆盖的系列都应用同一份pieces规则，导致颜色统一。

给你两种可行的解决方法：

方法一：直接在series中单独设置颜色 #

这是最直接的方式，不需要依赖visualMap，每个系列的itemStyle.color和lineStyle.color直接指定专属颜色：

series: [
  {
    name: '系列0',
    type: 'line',
    data: [/* 你的数据 */],
    itemStyle: { color: '#FF6B6B' },
    lineStyle: { color: '#FF6B6B' }
  },
  {
    name: '系列1',
    type: 'line',
    data: [/* 你的数据 */],
    itemStyle: { color: '#4ECDC4' },
    lineStyle: { color: '#4ECDC4' }
  },
  // 更多系列依次配置
]

方法二：给每个系列配置独立的visualMap组件 #

如果一定要用visualMap来管理颜色规则，可以为每个系列单独创建一个visualMap，分别指定对应的seriesIndex和颜色映射：

visualMap: [
  {
    seriesIndex: 0, // 仅作用于第0个系列
    type: 'piecewise',
    pieces: [
      { min: 0, max: 50, color: '#FF6B6B' },
      { min: 51, max: 100, color: '#FFE66D' }
    ],
    show: false // 不需要显示视觉映射组件的话可以隐藏
  },
  {
    seriesIndex: 1, // 仅作用于第1个系列
    type: 'piecewise',
    pieces: [
      { min: 0, max: 30, color: '#4ECDC4' },
      { min: 31, max: 100, color: '#1A535C' }
    ],
    show: false
  }
],
series: [/* 你的系列数据 */]

这样每个系列都会应用对应的visualMap规则，实现专属颜色配置。

内容的提问来源于stack exchange，提问作者efxlab