google-apps-script - Google Visualization 无法与 appscript html 服务配合使用

标签 google-apps-script google-visualization google-sites google-caja

我想将 appscript htmlservice 与 appscript 一起使用, html 服务似乎可以工作,但可视化不起作用。 这是供引用的代码。 代码.GS:

// Script-as-app template.
function doGet() {
return HtmlService.createHtmlOutputFromFile('html_visualization');
}

html_可视化.html

    <html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>    
  <script type="text/javascript">

   google.load('visualization', '1.0', {'packages':['corechart']});
   google.setOnLoadCallback(drawChart);
   function drawChart() {

   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':'How Much Pizza I Ate Last Night','width':400, 'height':300};
          var chart = new google.visualization.PieChart(document.getElementById ('chart_div') );        
           chart.draw(data, options);
     }

       </script> 

  </head>
  <body>
    <div id="chart_div"></div>
    Hello World
  </body>

       </html>

发布时出现 Hello world,但没有图表的迹象。

最佳答案

HtmlService 使用 Caja 过滤 HTML 页面中不安全的 Javascript、CSS 和 html,然后将过滤后的内容呈现给浏览器。 当我在 Caja Playground 测试你的代码时,它显示了相同的行为,所以这是 Caja 的问题,而不是 Htmlservice 的问题。 您可以在 Caja Payground 测试您的 Html 文件。

测试 HTML 文件的步骤

  1. 将 HTML 文件代码复制到“源”选项卡 Caja Playground
  2. 点击“哄骗”按钮
  3. 一段时间后,渲染结果选项卡将向您显示结果

您可以在 Caja issue Tracker 中报告此问题

关于google-apps-script - Google Visualization 无法与 appscript html 服务配合使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11625604/

相关文章:

javascript - 如何从 Controller 传递对象列表以查看和填充 google.visualization.DataTable()?

javascript - 如何从 Google 的可视化 API 生成的条形图中删除 x 轴?

javascript - 将 Google Hangouts 集成到 Google 协作平台中

javascript - 如何在JS中连接两个符合条件的多维数组?

google-apps-script - LockService - 单元格仍在被覆盖

javascript - 在Google Charts LineChart中绘制多个DataTable

javascript - 如何将文本框值从一页传递到另一页?

Google 网站上的 JavaScript

javascript - 在 Google Sheets 应用程序脚本中使用正则表达式查找替换不起作用

google-apps-script - 谷歌脚本仅在工作日触发