highcharts dashboards.js不支持系列中指定的荣誉

xsuvu9jc 于 9个月前发布在 Highcharts

关注(0)|答案(1)|浏览(88)

当我把一个单独的图表放在一起，并为每个系列指定颜色而不是主题时，一切都很好。当我将这些图表添加到 Jmeter 板时，颜色规范被忽略，默认的主题颜色被用来呈现组件。我试过使用plotOptions.series.colorByPoint=true，但也没有效果。是否有办法在 Jmeter 板中强制使用系列颜色？
个人：https://jsfiddle.net/dashirov/1dop04rt/3/ Jmeter 板：https://jsfiddle.net/dashirov/er15cn2y/39/
同样，highcharts-核心功能如文档所示，highcharts- Jmeter 板没有。

highcharts

来源：https://stackoverflow.com/questions/77092087/highcharts-dashboards-js-does-not-honor-colors-specified-in-the-series

1条答案

按热度按时间

4nkexdtk1#

Highcharts的默认配置是禁用样式模式，某些样式在某些属性中定义。但是，在Highcharts Jmeter 板中，启用了样式化模式，这意味着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;
}

Demo：https://jsfiddle.net/BlackLabel/xjmfLsck/

赞(0）回复(0）举报 9个月前