gpt4 book ai didi

javascript - 用于绘制图表的 Google Visualization 无法在外部 Java 脚本文件中工作

转载 作者:行者123 更新时间:2023-12-03 11:04:16 24 4
gpt4 key购买 nike

这是我的 html 代码。它包含一个 div 和一个外部 javascript 文件。如果我使用这个外部 js 文件作为内部文件,它会根据数据完美地绘制饼图,但是当我将它用作外部 js 文件时,它只是不显示任何内容。

代码.html

<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="externalscript.js"> </script>
</head> <body>
<div id="piechart" style="width: 900px; height: 500px;"></div>
</body></html>

externalscript.js

    google.load("visualization", "1", {packages:["corechart"]});
var dataArray =[['Task', 'Hours per Day']];
var arr1=['Work','Eat','Commute','Watch TV','Sleep'];
var arr2=[11,2,2,2,7]; (var n=0; n < arr2.length; n++) {
dataArray.push([arr1[n], parseInt(arr2[n])]);
}
var data = new google.visualization.arrayToDataTable(dataArray);
var options = {
title: 'My Daily Activities'
};
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);

最佳答案

你需要这个。

google.setOnLoadCallback(drawData);

 google.load("visualization", "1", {packages:["corechart"]});
function drawData(){
var dataArray =[['Task', 'Hours per Day']];
var arr1=['Work','Eat','Commute','Watch TV','Sleep'];
var arr2=[11,2,2,2,7];
for(var n=0; n < arr2.length; n++) {
dataArray.push([arr1[n], parseInt(arr2[n])]);
}
var data = new google.visualization.arrayToDataTable(dataArray);
var options = {
title: 'My Daily Activities'
};
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
google.setOnLoadCallback(drawData);
<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
</head> <body>
<div id="piechart" style="width: 900px; height: 500px;"></div>
</body></html>

关于javascript - 用于绘制图表的 Google Visualization 无法在外部 Java 脚本文件中工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27937282/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com