Question

我想使用appscript htmlservice和appscript， html服务似乎工作，但可视化不起作用。这是代码供参考。 Code.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时，但没有图表的迹象。

Answer 1

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

测试您的Html文件

测试HTML文件的步骤

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

您可以在Caja issue Tracker

Answer 2

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

Google Visualization无法使用appscript html服务

2 个答案: