Question

我有highchart pie chart，其标签格式如下：

{point.name} <div class="pct">{point.percentage:.2f}%</div>

但不幸的是，加载标签时会删除div。

有什么方法可以应用这个类，所以percentajes得到了与标签样式无关的相同外观？

以下是您可以尝试的jsfiddle： http://jsfiddle.net/69x7a/5/

HTML

<div id="container" style="width: 100%; height: 400px;"></div>

CSS

.pct {
    color: blue;
    font-size: 8px;
}

JS

$(function () {
    $('#container').highcharts({
        plotOptions: {
            pie: {
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,
                    format: '{point.name} <div class="pct">{point.percentage:.2f}%</div>'
                }
            }
        },
        series: [{
            type: 'pie',
            data: [
                ['Firefox',   45.0],
                ['IE',       26.8],
                {
                    name: 'Chrome',
                    y: 12.8,
                    dataLabels: {  
                        style: {
                            color: "#ff0000",
                            fontFamily: 'serif',
                            fontSize: '17px'
                        }
                    }
                },
                ['Safari',    8.5],
                ['Opera',     6.2],
                ['Others',   0.7]
            ]
        }]
    });
});

Answer 1

似乎删除了类，但你可以这样做：

                format: '<b >{point.name}</b>:<span style="color: blue;font-size: 8px;"> {point.percentage:.1f}%</span>

如何编辑高清标签的html？

1 个答案: