vue-google-charts堆叠柱状图点击选中后颜色变默认蓝色如何修改？

这个问题是底层Google Charts默认选中状态样式优先级高于自定义series颜色导致的，只需要新增选中状态颜色配置即可解决：

• 第一步：将你当前使用的自定义图表色值抽为公共变量，方便统一配置

// 替换为你实际使用的自定义色值数组
const CUSTOM_SERIES_COLORS = ['#2196F3', '#4CAF50', '#FFC107', '#F44336']

• 第二步：在图表options中为每个series添加selectedColor配置，和自定义色值保持一致

export default {
  data() {
    return {
      chartOptions: {
        isStacked: true,
        // 保留你原来的其他配置，比如交互模式、坐标轴、图例等全部不用改
        selectionMode: 'single',
        series: CUSTOM_SERIES_COLORS.map(color => ({
          color: color,
          selectedColor: color // 核心配置，指定选中状态颜色和默认颜色一致
        }))
      }
    }
  }
}

如果你的series是动态生成的，直接在生成每一项series配置的时候，同步添加selectedColor等于当前项的color值即可，不需要额外绑定点击事件或者修改其他逻辑。
配置完成后重新测试选中交互，堆叠柱的选中状态就会保留你原来的自定义颜色，不会再出现默认蓝色。

内容的提问来源于stack exchange，提问作者dede.brahma