Highcharts气泡图数据标签颜色对比问题

Question

最近我将 highcharts 版本从 v8.2.2 更新到 v9.1.0。这次迁移后我注意到 highcharts 没有像以前那样绘制气泡图数据标签，标签的对比度也不再令人满意。

这是 v8.2.2 的图像，数据标签没问题。如您所见，数据标签的对比度很好。甚至 highcharts 也为文本添加了轮廓和边框以更好地呈现。

这是 v9.1.0 的图像，其中没有任何代码更改，只是通过更新，数据标签显示不佳。

如何在 v9.1.0 中实现以前的数据表设计？

Answer 1

解决了这个问题。只需将这两个属性添加到 plotOptions.bubble.dataLabels.style 或 plotOptions.series.dataLabels.style 即可。

color: 'contrast',
textOutline: 'none'

我完整的 plotOptions 对象：

plotOptions: {
  bubble: {
    minSize: '1%',
    maxSize: '20%',
    dataLabels : {
      style: {
        color: 'contrast',
        textOutline: 'none'
      }
    }
  },
  series: {
    dataLabels: {
      enabled: true,
      format: '{point.name}',
      
    },
    animation: false
  }
},

Highcharts气泡图数据标签颜色对比问题

Highcharts bubble chart datalabels color contrast issue

javascript

highcharts