在绘制图表之前生成 HighChart 颜色?

Generate HighChart Colors Before Drawing Chart?

我的 React 应用使用 highcharts-react-official 在单个 Highcharts 图表上绘制多个系列,其中每个系列由 Highcharts 自动分配颜色。

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

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

谢谢!

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

const colors = [...];

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

现场演示: http://jsfiddle.net/BlackLabel/xco2kas5/

API参考:https://api.highcharts.com/highcharts/colors