Подтвердить что ты не робот

Создать многоуровневую диаграмму пончиков с помощью Google Chart

Я создаю многоуровневую диаграмму пончиков с диаграммами 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);
      }

и вот ссылка кода в JsFiddle  ЭТО должно выглядеть enter image description here

4b9b3361

Ответ 1

Это возможно с помощью API графических изображений Google, который устарел в 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/

Поддержка такого концентрического кругового графика в новом API графиков Google по-прежнему открытая проблема