Highcharts donut biểu đồ tùy

Question

Tôi có một giấy phép cho highcharts và tôi muốn tạo một char như một dưới đây:

Các thành phần tương tự như hầu hết trên highcharts là sau một:

Có ai biết là có thể thay thế PIE bên trong chỉ một phần trăm không? hoặc một số khách hàng tốt bên javascript librarie để làm điều đó?

Bạn có thể tìm thấy bản trình diễn và API trong các liên kết sau.

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

Cảm ơn

Answer 1

Kiểm tra về 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

hơn bạn có thể có một cái nhìn example này trong đó cho thấy làm thế nào để đưa text bên trong biểu đồ bánh rán.

Hy vọng nó sẽ giúp bạn.

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

Bạn có thể thử sử dụng tiêu đề làm phương pháp thay thế và khá đơn giản.

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

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