如何设置google图表图像大小

Google图表是一种强大的数据可视化工具，可以通过简单的JavaScript代码将数据转换为各种图表类型。要设置Google图表图像的大小，可以使用以下步骤：

引入Google图表库：在HTML文件的<head>标签中添加以下代码，以引入Google图表库。

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

创建一个包含图表的容器：在HTML文件中创建一个<div>元素，用于容纳图表。

<div id="chart_div"></div>

编写JavaScript代码：在JavaScript文件中编写代码来绘制图表并设置其大小。

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

function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ['Task', 'Hours per Day'],
    ['Work', 8],
    ['Sleep', 8],
    ['Eat', 2],
    ['Exercise', 2],
    ['Socialize', 4]
  ]);

  var options = {
    width: 400, // 设置图表宽度
    height: 300, // 设置图表高度
    chartArea: { width: '80%', height: '80%' } // 设置图表区域大小
  };

  var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
  chart.draw(data, options);
}

在上面的代码中，可以通过设置width和height属性来指定图表的宽度和高度。此外，还可以使用chartArea属性来设置图表区域的大小。