Highcharts wykres pączek dostosowywania

Question

Mam licencję na highcharts i chciałabym utworzyć char jak ten poniżej:

Najbardziej podobny komponent na highcharts jest następujący:

Czy ktoś wie, czy można zamienić PIEKĘ na zaledwie jeden procent? lub jakiejś innej dobrej biblioteki librarii po stronie klienta, aby to zrobić?

Demo i interfejs API można znaleźć w następujących linkach.

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

API http://api.highcharts.com/highcharts#chart

Dzięki

Answer 1

Sprawdź o 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

niż można przyjrzeć to example który pokazuje w jaki sposób umieścić text wewnątrz wykres pierścieniowy.

Mam nadzieję, że ci to pomoże.

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

Można spróbować użyć tytuł jako alternatywa i raczej proste podejście.

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

JsFiddle: http://jsfiddle.net/amigoo/zwod86e1/