如何在配置中控制 HightChart Pie Chart/Donut Chart label font-weight

Question

全部：

我是 High Chart 的新手，因为他们的 PieChart/DonutChart，我想知道哪个配置参数控制每个切片标签文本的 font-weight？

下面这个例子，当标签很多的时候，加粗的字体好像不太好，我只想用普通字体

Answer 1

对于 "Versions" 系列，您可以通过将 <span style="font-weight: normal;"> 添加到 dataLabels 中的 formatter 函数来删除标签中的粗体：

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> 位于您从该函数返回的内容的末尾。

生成的图表如下所示：

这是演示的更新版本 fiddle：http://jsfiddle.net/brightmatrix/4tfu584x/

希望对您有所帮助！

Answer 2

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

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

演示：

• http://jsfiddle.net/n09L3jjL/