2012-09-21 6 views
16

मैं यह पता लगाने की कोशिश कर रहा हूं कि प्रत्येक पाई आइटम के लिए प्रतिशत को उच्च पाईट के लिए वास्तविक पाई आइटम के अंदर प्रतिशत प्रदर्शित करना संभव है?हाईचार्ट्स के लिए पाई आइटम के अंदर प्रतिशत प्रदर्शित करना

https://developers.google.com/chart/interactive/docs/gallery/piechart

उत्तर

38

आप @dataLabels.formatter देखने के लिए चाहते हो सकता है: मैं क्या मतलब का उदाहरण कुछ इस तरह है। this.percentage विकल्प पाई

के लिए भी उपलब्ध है dataLabels.distance पाई के अंदर डेटा लेबल के लिए ऋणात्मक मान पर सेट किया जा सकता है।

Pie with percentage values inside @ jsFiddle

0

इस कोड का प्रयास करें। यह मेरे लिए काम करता है:

'labelFormatter':function() { 
     var total = 0, percentage; 
     $.each(this.series.data, function() { 
      total+=this.y; 
     }); 

     percentage=((this.y/total)*100).toFixed(1); 
     return this.name+' '+percentage+'%'; 
    } 
4

यह आश्चर्यजनक रूप से आसान है। आपके टूलटिप या डेटा लेबल अनुभाग में अपना प्रारूप बदल दें।

FROM: 
    format: '<b>{point.name}</b>: {point.y:.1f} Rs.', 
TO: 
    format: '<b>{point.name}</b>: {point.percentage:.1f} %',