Highchartsドーナツグラフのカスタマイズ

Question

誰かが知っているのは、PIEをちょうど1％の割合で置き換えることですか？または他の良いクライアント側のJavaScriptのlibrarieはそれを行うには？

次のリンクからデモとAPIを見つけることができます。

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

おかげ

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

あなたが見てドーナツグラフ内textを置く方法を示しています。このexampleを取ることができるよりも。

あなたのお役に立てば幸いです。

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/