구글 차트로 다단계 도넛 형 차트 만들기

Question

Google 차트로 다단계 도넛 형 차트를 만들고 있습니다. 단일 레벨 차트를 만드는 데 성공했습니다. 그러나 이제는 그 차트에 다른 차트를 만들어야합니다. 도와주세요. 또한 순환 형 차트 슬라이스에 텍스트를 쓸 수 있습니까?

여기 하나의 도넛 채팅 코드입니다. 여기에 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); 
     } 

및

는 IT가 더 이상 사용되지 않습니다 이것은 Google Image Charts API 가능했다

Answer 1

, 같이해야 JsFiddle 코드 링크입니다 2012 년에도 계속 운영되고있는 것 같습니다. 유지 관리되지 않았습니다. 더 이상.

그 API와

, 그러한

또한 다음 파이 차트를 산출

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

아래와 같이 동심 원형 차트를 만들 수 있습니다 (그리고 여전히)이었다 당신 API로 게임을하고 여기에 자신의 원형 차트를 쉽게 만들 수 있습니다. http://www.jonwinstanley.com/charts/

새로운 Google Charts API에서 동심원 원형 차트를 지원하는 것은 여전히 ​​an open issue