Как сделать диаграмму google для пончиков адаптивной внутри div? - PullRequest
Новая
       102

Как сделать диаграмму google для пончиков адаптивной внутри div?

2 голосов
/ 13 июля 2020
• 1000 1002 * 
              google.charts.load("current", {packages:["corechart"]});
              google.charts.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,
                };
        
                var chart = new google.visualization.PieChart(document.getElementById('donutchart'));
                chart.draw(data, options);
              }
        
     <html>
          <head>
            <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
           
          </head>
          <body>
            <div id="donutchart" style="width: 900px; height: 500px;"></div>
          </body>
        </html>

1 Ответ

0 голосов
/ 13 июля 2020

вы должны перерисовывать диаграмму каждый раз, когда есть изменение размера ... 

window.addEventListener('resize', function () {
  chart.draw(data, options);
});
...