5

で作業していない、 HTMLサービスが動作しているようですが、可視化は動作しません。 ここに参考用のコードがあります。 Code.GS:Googleの可視化は、私がappscriptとともにappscript htmlserviceを使用したいappscript HTMLサービス

// 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> 

公表こんにちは、世界が表示されますが、チャートの兆候。

+0

は、Googleの可視化APIはそれを知ってHtmlService – mhawksey

答えて

7

HtmlServiceは、あなたのHTMLページから安全ではないのJavascript、CSSとHTMLをフィルタリングするカハを使用して、それがブラウザにfileteredコンテンツをレンダリングします。 私はカハの遊び場であなたのコードをテストしたとして、それは同じ挙動を示し、これはカハの問題ではなく、Htmlserviceです。あなたは

  1. HTMLファイルをテストするためにCaja Payground

    手順でHTMLファイルをテストすることが 、Caja Playground

  2. で「ソース」タブにはいくつかの時間後に誑すボタン
  3. をヒットするために、あなたのHTMLファイルのコードをコピーレンダリング結果タブには結果が表示されます

Caja issue Tracker

2

Waqarは正しいのですが、可視化のサポートが来ています。この質問に到着し、他人のために

+0

グッドでIFRAMEサンドボックスモードを使用して完全にアクセス可能でなければなりません。その機能を熱心に待って –

+0

私はそのサポートを楽しみにしています。 – Fred

関連する問題