如何在配置中控制HightChart饼图/圆环图标签font-weight

Question

所有

我对High Chart很新，对于他们的PieChart / DonutChart，我想知道哪个配置参数控制每个切片标签文本的字体重量？

对于下面这个例子，当有这么多标签时，粗体字似乎不太好，我只想用普通字体

Answer 1

您可以在样式对象中设置fontWeight参数。

dataLabels: {
            style:{
                fontWeight: 'normal'
            }
        }

演示：

• http://jsfiddle.net/n09L3jjL/

Answer 2

您可以将<span style="font-weight: normal;">添加到formatter中dataLabels的“版本”系列中，从标签中删除粗体字：

dataLabels: {
    formatter: function () {
    // display only if larger than 1
        return this.y > 1 ? '<span style="font-weight: normal;">' + 
            this.point.name + ': ' + this.y + '%</span>' : null;
    }
}

请注意，</span>位于您从此函数返回的内容的末尾。

结果图表如下所示：

以下是演示小提琴的更新版本：http://jsfiddle.net/brightmatrix/4tfu584x/

我希望这对你有所帮助！