firefox - 在 Firefox 和 chrome 中，对于带有饼图的 highcharts，Legend 没有加粗

Question

下面是我的饼图代码：

legend: { margin: 1, padding: 4, layout: 'horizontal', align: 'center', verticalAlign: 'bottom', itemWidth: 189, borderWidth: 0, enabled: true, useHTML: false, labelFormatter: function () { return (this.y == 0 || this.y == null || this.y == '') ? "" : (this.name); }, itemMarginBottom: 8, itemStyle: { color: '#333333', fontWeight: 'bold', fontFamily: 'Arial', fontSize: '10px', lineHeight: '15px' }, symbolWidth: 11, x: -7, symbolPadding: 8 }

但是，在我将字体更改为 10.5 之前，图例文本并不粗体，我认为这太大了。

下面是 FF 中生成的 html：这在 Chrome 和 Firefox 中都会发生。IE 工作正常。

<text x="19" y="13" style="font-family:Arial;font-size:10.4px;cursor:pointer;color:#333333;font-weight:bold;line-height:15px;fill:#333333;" text-anchor="start" zIndex="2">

对此我能做些什么吗？

Answer 1

对我来说，它是粗体的，比较：http: //jsfiddle.net/3bQne/233/

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container2'
    },
    legend: {
        margin: 1,
        padding: 4,
        layout: 'horizontal',
        align: 'center',
        verticalAlign: 'bottom',
        itemWidth: 189,
        borderWidth: 0,
        enabled: true,
        useHTML: false,
        labelFormatter: function () {
            return (this.y == 0 || this.y == null || this.y == '') ? "" : (this.name);
        },
        itemMarginBottom: 8,
        itemStyle: {
            color: '#333333',
            //fontWeight: 'bold',
            fontFamily: 'Arial',
            fontSize: '10px',
            lineHeight: '15px'
        },
        symbolWidth: 11,
        x: -7,
        symbolPadding: 8
    },

    series: [{
        showInLegend: true,
        type: 'pie',
        data: [3.45, 4.21, 5.11]
    }]
});

和图像：