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

मैं Highcharts के लिए लाइसेंस है और मैं bellow के समान एक चार बनाना चाहेंगे:Highcharts डोनट चार्ट अनुकूलन

enter image description here

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

enter image description here

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

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

डेमो 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

धन्यवाद

स्रोत

2012-08-31 Remo H. Jansen

चेक के बारे में 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 डाल करने के लिए पता चलता ले सकते हैं।

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

स्रोत

2012-08-31 17:21:31

इस उदाहरण यहां चेक बाहर। यह आपके द्वारा सूचीबद्ध उदाहरण का उपयोग कर रहा है। इसके साथ कई संभावनाएं हैं। मैं देखता हूं कि केवल "दोष" पृष्ठभूमि ग्रे सर्कल और पाठ को संरेखित करने में है। ऐसा लगता है कि केंद्र वास्तव में नहीं है जहां आपको लगता है कि यह अंतिम डोनट चार्ट को देखते समय होना चाहिए। – wergeld

@wergeld बहुत अच्छा है। –

धन्यवाद दोस्तों मैं वास्तव में आपकी मदद की सराहना करता हूं :) –

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

स्रोत

2014-01-02 13:01:14

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

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

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

स्रोत

2015-09-16 07:26:13

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

उत्तर

संबंधित मुद्दे