erstellen Multilevel-Donut-Diagramm mit Google-Diagramm

Question

Ich erstelle ein Multilevel-Donut-Diagramm mit Google-Charts. Es ist mir gelungen, ein Single-Level-Diagramm zu erstellen. Aber jetzt muss ich ein anderes Diagramm in diesem Diagramm erstellen. Bitte helfen Sie mir. Und ist es auch möglich, Text in Kreisform in Chart Slice zu schreiben?

Hier ist mein Code für einzelne Donut-Chat.

HTML

<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
<div id="donutchart" style="width: 900px; height: 500px;"></div> 

JS

google.load("visualization", "1", {packages:["corechart"]}); 
     google.setOnLoadCallback(drawChart); 
     function drawChart() { 
     var data = google.visualization.arrayToDataTable([ 
      ['Task', 'Hours per Day'], 
      ['Work',  11], 
      ['Eat',  2], 
      ['Commute', 2], 
      ['Watch TV', 2], 
      ['Sleep', 7] 
     ]); 

     var options = { 
      title: 'My Daily Activities', 
      pieHole: 0.4, 
      chartArea:{left: '100'}, 
     pieSliceText: 'label', 
      pieStartAngle: 0, 
      pieSliceTextStyle:{color: 'white', fontName: 'arial', fontSize: 10} 
     }; 

     var chart = new google.visualization.PieChart(document.getElementById('donutchart')); 
     chart.draw(data, options); 
     } 

und hier ist Code-Link in JsFiddle sollten IT

Answer 1

aussehen werden Dies war möglich, mit dem Google Image Charts API, die veraltet ist in 2012. Es scheint immer noch in Betrieb zu sein, es ist einfach nicht gepflegt nicht mehr.

Mit dieser API war es möglich (und ist) konzentrischen Kreisdiagramme wie die unten

http://chart.apis.google.com/chart?chd=s:Yr3,ff9&cht=pc&chs=300x200&chxr=0,20,45|1,25,50 

zu erstellen, die Ihnen die folgende Kreisdiagramm

Auch ergibt kann mit der API spielen und einfach Ihre eigenen Kreisdiagramme hier erstellen: http://www.jonwinstanley.com/charts/

Unterstützen Sie diese Art von konzentrischen Kreisdiagramm in der neuen Google Charts API ist immer noch an open issue