如何編輯highchart標籤的html？

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>