javascript - 如何在 Highcharts 饼图上设置系列标签的样式？

Question

我正在尝试更改饼图上系列标签的字体粗细，因为我们使用的字体的字体粗细呈现非常糟糕:粗体:

这是我迄今为止尝试过的方法(基于 https://api.highcharts.com/highcharts/plotOptions.pie.label 的指导):

plotOptions: {
    pie: {
        label: {
            style: {
                fontWeight: 500,
            }
        }
    }
},

好像没什么效果。

我将它用于我的全局 Highcharts 配置:

import * as Highcharts from "highcharts";
import * as HC_Series from 'highcharts/modules/series-label';

HC_Series(Highcharts);
Highcharts.setOptions({
    chart: {
        style: {
            fontFamily: '"Neue Helvetica W05", "M Hei HK W42", Arial, Helvetica, sans-serif',
        },
    },

});

我使用的是 Highcharts 6.2.0，highcharts-angular 2.4.0。

Answer 1

您需要更改 dataLabels 而不是 labels 。 Documentation坏了

plotOptions: {
  pie: {
    allowPointSelect: true,
    cursor: 'pointer',
    dataLabels: {
      enabled: true,
      style: {
        fontWeight: 500,
      }
    }
  }
},

Fiddle