Highcharts डोनट चार्ट अनुकूलन

Question

मैं Highcharts के लिए लाइसेंस है और मैं bellow के समान एक चार बनाना चाहेंगे:

Highcharts पर सबसे समान घटक पीछा कर रहा है एक:

क्या कोई जानता है कि पीआईई को केवल एक प्रतिशत के लिए बदलने के लिए उचित है? या कुछ अन्य अच्छे ग्राहक पक्ष जावास्क्रिप्ट पुस्तकालय ऐसा करने के लिए?

आप निम्न लिंक में डेमो और एपीआई पा सकते हैं।

डेमो http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/pie-donut/

एपीआई http://api.highcharts.com/highcharts#chart

धन्यवाद

Answer 1

चेक के बारे में innerSize।

"The size of the inner diameter for the pie. A size greater than 0 renders a donut chart. Can be a percentage or pixel value. Percentages are relative to the size of the plot area. Pixel values are given as integers. Defaults to 0."reference

से आप एक बार देख इस example जो कैसे डोनट चार्ट अंदर text डाल करने के लिए पता चलता ले सकते हैं।

आशा है कि यह आपकी मदद करे।

Answer 2

function(chart4) { 
chart4.renderer.text('<span style="word-wrap: break-word !important;">Reduced by <br/>10 Years</span>', (chart4.chartWidth/2)-38, (chart4.chartHeight/2)-5) 
      .css({ 

       color: '#4b4b4b', 
       fontWeight: 'bold', 
       fontSize: '12px' 

      }) 
      .add(); 
} 

Answer 3

आप एक विकल्प और नहीं बल्कि साधारण दृष्टिकोण के रूप में शीर्षक आज़मा सकते हैं।

  title: { 
       text: 'Budget', 
       align: 'center', 
       verticalAlign: 'middle', 
       style: { 
        fontSize: '9.5px' 
       } 
      }, 

JsFiddle: http://jsfiddle.net/wergeld/e2qpa/47/: http://jsfiddle.net/amigoo/zwod86e1/