如何设置ECharts未选中状态下的图例文本颜色？

ECharts本身支持未选中状态的图例文本颜色配置，你遗漏了legend.inactiveTextStyle这个专门针对未选中状态的配置项。

legend.textStyle仅控制系列处于选中展示状态的图例文本样式，未选中（隐藏）状态的文本样式需要单独通过legend.inactiveTextStyle配置，你可以在该配置项下自定义颜色、字号、字体粗细等所有文本相关属性。

修改后的示例配置如下：

legend: {
  top: '10%',
  // 选中状态图例文本样式
  textStyle: {
    color: 'red'
  },
  // 未选中状态图例文本样式
  inactiveTextStyle: {
    color: '#333' // 可替换为你需要的更深的颜色值
  }
}

如果需要给不同图例的未选中状态单独设置不同颜色，也可以在legend.data中给每个图例项单独配置对应属性，示例如下：

legend: {
  top: '10%',
  data: [
    {
      name: 'low',
      textStyle: { color: 'red' },
      inactiveTextStyle: { color: '#222' }
    },
    {
      name: 'medium',
      inactiveTextStyle: { color: '#333' }
    },
    {
      name: 'high',
      inactiveTextStyle: { color: '#444' }
    }
  ]
}

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