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

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

<div id="donut-chart"></div>

google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawDonutChart);

function drawDonutChart() {
  // 创建数据表
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Topping');
  data.addColumn('number', 'Slices');
  data.addRows([
    ['Mushrooms', 3],
    ['Onions', 1],
    ['Olives', 1],
    ['Zucchini', 1],
    ['Pepperoni', 2]
  ]);

  // 设置图表选项
  var options = {
    title: 'My Pizza',
    pieHole: 0.4
  };

  // 实例化图表对象并绘制图表
  var chart = new google.visualization.PieChart(document.getElementById('donut-chart'));
  chart.draw(data, options);
}

#donut-chart {
  width: 400px;
  height: 300px;
}