2017-05-21 23 views
0

Google ChartsをHTAで動的に使用したいと考えています。コードはHTMLファイルとして正常に動作します。しかし、私はHTAでそれを使用すると、私は行にスクリプトのエラー:https://www.gstatic.com/charts/loader.jsを取得します。Google ChartsとHTA:スクリプトエラーhttps://www.gstatic.com/charts/loader.js

これを解決する方法は誰か分かりますか? HTA(動的)でGoogle Chartsを使用することは可能ですか?私のHTAで

<html> 
<head> 
<!--Load the AJAX API--> 
<script type="text/javascript"src="https://www.gstatic.com/charts/loader.js"></script> 
<script type="text/javascript"> 
    google.charts.load('current', {'packages':['corechart']}); 
    google.charts.setOnLoadCallback(drawChart); 
    function drawChart() { 
    var data = new google.visualization.DataTable(); 
    var x = Math.floor((Math.random() * 10) + 1); 
    data.addColumn('string', 'Topping'); 
    data.addColumn('number', 'Slices'); 
    data.addRows([ 
    ['Mushrooms', x], 
    ['Onions', 1], 
    ['Olives', 1], 
    ['Zucchini', 1], 
    ['Pepperoni', 2] 
    ]); 

    var options = {'title':'How Much Pizza I Ate Last Night', 
    'width':1000, 
    'height':750}; 
    var chart = new google.visualization.PieChart(document.getElementById('chart_div')); 
    chart.draw(data, options); 
    } 
    </script> 
</head> 
<body> 
<!--Div that will hold the pie chart--> 
<div id="chart_div"> 
</div> 
<div> 
<button onclick="drawChart()">draw</button> 
</div> 
</body> 
</html> 

HTML

この私のコードは、私が唯一、私は問題を発見したHTAタグ

<html> 
<head> 
    <HTA:APPLICATION ID="Test Google Charts" 
     BORDER="thick" 
     BORDERSTYLE="complex"/> 
    <!--Load the AJAX API--> 
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
    <script type="text/javascript"> 
    google.charts.load('current', {'packages':['corechart']}); 
    google.charts.setOnLoadCallback(drawChart); 
    function drawChart() { 
    var data = new google.visualization.DataTable(); 
    var x = Math.floor((Math.random() * 10) + 1); 
    data.addColumn('string', 'Topping'); 
    data.addColumn('number', 'Slices'); 
    data.addRows([ 
    ['Mushrooms', x], 
    ['Onions', 1], 
    ['Olives', 1], 
    ['Zucchini', 1], 
    ['Pepperoni', 2] 
    ]); 

    var options = {'title':'How Much Pizza I Ate Last Night', 
    'width':1000, 
    'height':750}; 
    var chart = new google.visualization.PieChart(document.getElementById('chart_div')); 
    chart.draw(data, options); 
    } 
    </script> 
</head> 
<body> 
<!--Div that will hold the pie chart--> 
<div id="chart_div"> 
</div> 
<div> 
<button onclick="drawChart()">draw</button> 
</div> 
</body> 
</html> 

答えて

1

を追加します。これらの行を追加する必要があります。

<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=10"> 

ヘッダーに追加する必要があります。だから一緒に

<HTA:APPLICATION ID="Test Google Charts" 
    BORDER="thick" 
    BORDERSTYLE="complex"/> 
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=10">