チャートJS円グラフやドーナツグラフ内の3の代わりに、1

Question

はそれがお互いの内部で複数のグラフを持つことが可能です：

、「シングル」のjs fiddleをチェックして、私が希望することは最初の一人としてそれを持っていることですしてください（悪いグラフィックについて申し訳ありません）取り付けられた第2の1のように...

var data = [ 
{ 
    label: "title 1", 
    value: 32, 
    color: "#444334" 
    }, { 
    label: "title 2",   
    value: 51, 
    color: "#f0f0f0" 
    }, { 
    label: "title 3", 
    value: 17, 
    color: "#8ba43a" 
}]; 

チェック画像

感謝の内部。あなたはjsplotからjqplotまたはchart.js

例でこれを行うことができます

Answer 1

：jqplotページによる

$(document).ready(function(){ 
    var s1 = [['a',6], ['b',8], ['c',14], ['d',20]]; 
    var s2 = [['a', 8], ['b', 12], ['c', 6], ['d', 9]]; 

    var plot3 = $.jqplot('chart3', [s1, s2], { 
    seriesDefaults: { 
     // make this a donut chart. 
     renderer:$.jqplot.DonutRenderer, 
     rendererOptions:{ 
     // Donut's can be cut into slices like pies. 
     sliceMargin: 3, 
     // Pies and donuts can start at any arbitrary angle. 
     startAngle: -90, 
     showDataLabels: true, 
     // By default, data labels show the percentage of the donut/pie. 
     // You can show the data 'value' or data 'label' instead. 
     dataLabels: 'value' 
     } 
    } 
    }); 
}); 

、それはそれの主なjqplotとともに、jqueryの1.9.1の最小値を必要とし、プラスjqplot pieRenderer/donutRendererスクリプトとjqplot CSS。

上記のコードは次のようなものを生成します。

あなたは第三の円を作成し、別のシリーズを、追加することができます。