Javascript 在绘制图表之前生成图表颜色？

我的React应用程序正在使用

Highcharts React official

在单个Highcharts图表上绘制多个系列，其中每个系列都由Highcharts自动指定颜色

对于每个系列，网页上都有一个相应的按钮，该按钮需要与Highcharts图表中的系列颜色相同

为了使图表系列颜色与按钮颜色同步，是否可以在渲染Highchart组件之前使用Highcharts函数生成这些颜色？这个预先生成的颜色字符串数组将被传递到button和Highchart组件中

---

谢谢

您可以在创建图表之前使用颜色构建数组，并在选项中使用它：

const colors = [...];

Highcharts.chart('container', {
    colors,
    ...
});

---

现场演示：

---

API参考：

这有帮助吗？（将十六进制值数组作为

color:

传递到图表）@ChrisG！我们知道Highcharts使用的默认颜色集吗？我查看了Highcharts v16.x.x中使用的默认主题，但无法识别