如何使甜甜圈谷歌图表在 div 内响应？

Question

我有三张水平卡片，每张卡片宽度为 (33.3%)。我想在我的第一张卡片中添加这个甜甜圈图，但是当我添加时，该图没有响应属性。我们怎样才能做出响应？

 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>

Answer 1

您必须在调整大小时重新绘制图表...

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

如何使甜甜圈谷歌图表在 div 内响应？

问题描述

1 个解决方案

解决方案1
0 2020-07-13 11:41:33

如何使甜甜圈谷歌图表在 div 内响应？

问题描述

1 个解决方案

解决方案1 0 2020-07-13 11:41:33

解决方案1
0 2020-07-13 11:41:33