ECharts怎么改颜色

在 ECharts 里“改颜色”有很多种场景，下面按常见需求给你说明，基本都能直接套用。

一、整体主题颜色（最简方式）

// 使用内置主题
var chart = echarts.init(dom, 'dark');

或自定义主题：

echarts.registerTheme('myTheme', {
  color: ['#5470c6', '#91cc75', '#fac858']
});
var chart = echarts.init(dom, 'myTheme');

二、修改系列颜色（最常用）

1️⃣ 全局调色板

option = {
  color: ['#ff0000', '#00ff00', '#0000ff'],
  series: [...]
};

2️⃣ 单个系列颜色

series: [{
  type: 'bar',
  itemStyle: {
    color: '#ff8800'
  },
  data: [10, 20, 30]
}]

三、折线 / 柱图线条 & 填充颜色

series: [{
  type: 'line',
  lineStyle: {
    color: '#ff0000',
    width: 2
  },
  areaStyle: {
    color: 'rgba(255,0,0,0.2)'
  }
}]

四、坐标轴颜色

xAxis: {
  axisLine: {
    lineStyle: {
      color: '#999'
    }
  },
  axisLabel: {
    color: '#333'
  }
}

五、图例颜色

legend: {
  textStyle: {
    color: '#666'
  }
}

六、提示框（tooltip）颜色

tooltip: {
  backgroundColor: '#333',
  textStyle: {
    color: '#fff'
  }
}

七、渐变颜色（高级）

itemStyle: {
  color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
    { offset: 0, color: '#83bff6' },
    { offset: 1, color: '#188df0' }
  ])
}

八、根据数值动态改颜色

series: [{
  type: 'bar',
  data: [10, 20, 30].map(v => ({
    value: v,
    itemStyle: {
      color: v > 20 ? 'red' : 'green'
    }
  }))
}]

如果你能告诉我：

• 是 折线 / 柱 / 饼图？
• 想改 哪一部分颜色（背景、线条、文字、图例）？

我可以直接给你一份可用的 option 配置。