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>