传说中没有大胆的firefox和chrome用于高级图表馅饼

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]
    }]
});

图片：