5

我想将 appscript htmlservice 与 appscript 一起使用，html 服务似乎工作但可视化不起作用。这是供参考的代码。代码.GS：

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

html_visualization.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 但没有图表迹象。

4

2 回答 2

7

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

测试 HTML 文件的步骤

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

您可以在Caja 问题跟踪器中报告此问题

于 2012-07-24T08:07:20.183 回答
2

Waqar 是正确的，但可视化支持即将到来。

于 2012-07-24T12:40:21.920 回答