highcharts dashs.js 不支持系列中指定的颜色

Question

当我将单独的图表放在一起并为每个系列指定颜色而不是主题时，一切正常。当我将这些图表添加到仪表板时，颜色规范将被忽略，而是使用默认主题颜色来渲染组件。我尝试过使用

plotOptions.series.colorByPoint=true

但这也没有效果。有没有办法在仪表板中强制使用系列颜色？

个人： https://jsfiddle.net/dashirov/1dop04rt/3/ 仪表板： https://jsfiddle.net/dashirov/er15cn2y/39/

再次强调，highcharts-core 具有记录的功能，而 highcharts-dashboards 则没有。

Answer 1

Highcharts 的默认配置是禁用样式模式，在某些属性中定义了一些样式。但是，在 Highcharts Dashboards 中，启用了样式模式，这意味着 CSS 样式优先于属性。

当您在第一个演示中启用样式模式时，会出现类似的情况：https://jsfiddle.net/BlackLabel/bsx8njg1/

有关样式模式的其他信息： https://www.highcharts.com/docs/chart-design-and-style/style-by-css

要解决此问题，您需要使用 CSS 定义系列颜色，例如通过覆盖根颜色：

:root {
  /* Colors for data series and points */
  --highcharts-color-0: #009DCF;
  --highcharts-color-1: #BFBFBF;
  --highcharts-color-2: #FF8303;
  --highcharts-color-3: #009DCF;
  --highcharts-color-4: #BFBFBF;
  --highcharts-color-5: #FF8303;
  --highcharts-color-6: #b3597c;
  --highcharts-color-7: #b27fd6;
}

演示： https://jsfiddle.net/BlackLabel/xjmfLsck/