Javascript 更改谷歌图表选项不起作用

我已经创建了一个google图表，数据从数据库中提取出来，并按照图表的要求进行结构化，然而，出于某种原因，每当我尝试更改图表的选项时，它都不会起作用。 我需要将图例移动到图表下方，并使图表上的点大小为30像素

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
    google.charts.load('current', {'packages':['line']});
    google.charts.setOnLoadCallback(drawChart);

    function drawChart() {

      var data = new google.visualization.DataTable();
      data.addColumn('string', 'Aspect');
      data.addColumn('number', 'Leaner');
      data.addColumn('number', 'Norm');
      data.addColumn('number', 'Grade');

      data.addRows([['Agility ', 11.5, 10, 11.5]]);
      var options = 
      {
        legend: { position: 'bottom' },
        chart: {title: 'Student Results'},
        legend:{position: 'bottom', textStyle: {color: 'black', fontSize: 16}},
        pointSize:30,
      };

      var chart = new google.charts.Line(document.getElementById('line_chart'));

      chart.draw(data, google.charts.Line.convertOptions(options));
    }
</script>

<div id="line_chart" style='width:calc(100% - 80px); height:400px; margin:auto;'></div>

load（'current'，{'packages'：['line']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Aspect'）；
data.addColumn（'number'，'Leaner'）；
data.addColumn（'number'，'Norm'）；
data.addColumn（'number'，'Grade'）；
addRows（['Agility'，11.5,10,11.5]]）；
变量选项=
{
图例：{位置：'bottom'}，
图表：{标题：'学生成绩'}，
图例：{位置：'bottom'，文本样式：{颜色：'black'，字体大小：16}，
点数：30，
};
var chart=new google.charts.Line（document.getElementById（'Line_-chart'）；
chart.draw（数据，google.charts.Line.convertOptions（选项））；
}

---

任何关于图例不会移动或点大小不会改变的建议，图表数据可以有许多方面（x轴值），我需要改变点大小，以便它不会只显示一个方面（x轴值）

有几个选项在材质图表中根本不起作用

而且在绘制任何图形之前，

Line

似乎要求每个系列有两个数据点

我建议改用

'corechart'

有一个选项用于主题：“材质”以获得接近材质图表的基本外观和感觉

请参阅以下工作片段

google.charts.load（'current'{
回调：函数（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Aspect'）；
data.addColumn（'number'，'Leaner'）；
data.addColumn（'number'，'Norm'）；
data.addColumn（'number'，'Grade'）；
addRows（['Agility 1'，11.5,10,11.5]]）；
变量选项={
图表区：{
宽度：“90%”
},
身高：600，
图例：{
位置：'底部'，
文本样式：{
颜色：'黑色'，
字体大小：16
}
},
点数：30，
主题:"材料",，
标题:"学生成绩",，
言辞：{
视图窗口：{
分:0,，
最高：15
}
},
宽度：“100%”
};
var chart=new google.charts.Line（document.getElementById（'Line_-chart'）；
chart.draw（数据，google.charts.Line.convertOptions（选项））；
var chart=new google.visualization.LineChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
},
包：['line'，'corechart']
});

核心图
材料表
有几个选项在材质图表中根本不起作用

而且在绘制任何图形之前，
Line
似乎要求每个系列有两个数据点

我建议改用
'corechart'

有一个选项用于主题：“材质”

以获得接近材质图表的基本外观和感觉

请参阅以下工作片段

google.charts.load（'current'{
回调：函数（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Aspect'）；
data.addColumn（'number'，'Leaner'）；
data.addColumn（'number'，'Norm'）；
data.addColumn（'number'，'Grade'）；
addRows（['Agility 1'，11.5,10,11.5]]）；
变量选项={
图表区：{
宽度：“90%”
},
身高：600，
图例：{
位置：'底部'，
文本样式：{
颜色：'黑色'，
字体大小：16
}
},
点数：30，
主题:"材料",，
标题:"学生成绩",，
言辞：{
视图窗口：{
分:0,，
最高：15
}
},
宽度：“100%”
};
var chart=new google.charts.Line（document.getElementById（'Line_-chart'）；
chart.draw（数据，google.charts.Line.convertOptions（选项））；
var chart=new google.visualization.LineChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
},
包：['line'，'corechart']
});

核心图
材料表
效果很好，我奋斗了3天，很高兴终于可以继续前进，非常感谢您的帮助：）效果很好，我奋斗了3天，很高兴终于可以继续前进，非常感谢您的帮助：）