Javascript 谷歌脚本中的Amcharts（通过电子表格）

背景-我有一个电子表格，里面有一些数据，我想从这些数据中准备并呈现一些“动态图表”，我的想法是在脚本编辑器-HTML中创建一些图表，然后在.gs代码中使用doGet函数调用这个HTML文件（发布后-仅限内部成员使用）

可以查看类似的图表示例，但当我将HTML代码添加到HTML页面中，并将Javascript代码添加到HTML页面中的脚本标记中时，浏览器中不会显示任何内容

如何在google doGet函数中实现此图表（或其他类似类型的图表）

代码

变量lineChartData=[{
日期：新日期（2009年10月2日），
值：5}，
{
日期：新日期（2009年10月3日），
值：15}，
{
日期：新日期（2009年10月4日），
值：13}，
{
日期：新日期（2009年10月5日），
值：17}，
{
日期：新日期（2009年11月4日），
数值：26}]；
AmCharts.ready（函数（）{
var chart=new AmCharts.AmSerialChart（）；
chart.dataProvider=lineChartData；
chart.pathToImages=”http://www.amcharts.com/lib/images/";
chart.categoryField=“日期”；
//有时我们需要手动设置边距
//autoMargins应设置为false，以便图表使用自定义边距值
chart.autoMargins=false；
chart.marginRight=0；
chart.marginLeft=0；
chart.marginBottom=22；
chart.marginTop=0；
//斧头
//类别
var categoryAxis=chart.categoryAxis；
categoryAxis.parseDates=true；//由于我们的数据是基于日期的，所以我们将parseDates设置为true
categoryAxis.minPeriod=“DD”//我们的数据是每日的，所以我们将minPeriod设置为DD
categoryAxis.gridAlpha=0；
categoryAxis.tickLength=0；
categoryAxis.axisAlpha=0；
//价值观
var valueAxis=新的AmCharts.valueAxis（）；
valueAxis.dashLength=4；
valueAxis.axisAlpha=0；
图表.添加valueAxis（valueAxis）；
//图表
var-graph=新的AmCharts.AmGraph（）；
graph.type=“line”；
graph.valueField=“value”；
graph.lineColor=“#D8E63C”；
graph.customBullet=”http://www.amcharts.com/lib/images/star.gif“；//所有数据点的项目符号
graph.bulletSize=14；//项目符号图像应为矩形（宽度=高度）
graph.customBulletField=“customBullet”；//这将使图形显示自定义项目符号（红星）
图表。添加图表（图形）；
//光标
var chartCursor=new AmCharts.chartCursor（）；
chart.addChartCursor（chartCursor）；
//写
chart.write（“chartdiv”）；
});

抱歉，如果我不能正确解释的话。我在这方面还是个新手

---

（注意：-删除了部分实际代码以使其简短）

如果我正确理解您的问题，您需要使用显示该代码。基本上，您的应用程序脚本项目将有两个文件，一个Code.gs和一个html文件。然后，在Code.gs中使用以下代码，假设包含HTML的文件名为“index.HTML”

---

不过，祝你好运，我从来没有试过使用AmCharts。然而，我尝试过的所有其他图表库在HTML服务中都失败了，只有一个例外。这会阻止很多东西运行。

谢谢弗雷德。。。。修改代码后仍然无法运行…我认为这是因为Caja阻止了东西运行…我们还有其他方法可以在HTML服务中插入图表并通过doGet调用它们。

function doGet() {
  return HtmlService.createHtmlOutputFromFile('index').setSandboxMode(HtmlService.SandboxMode.NATIVE);
}