我正在從谷歌表中獲取資料表,但餅圖無法讀取陣列。我在控制臺上遇到以下錯誤。
未捕獲的錯誤:未知型別的列標題:1
我正在使用以下腳本從 Google 電子表格中獲取資料。
代碼.gs:
function vodPiechart() {
const ss = SpreadsheetApp.openById("");
const sw = ss.getSheetByName("Pie_Chart_Data");
var data = sw.getRange (1,1,3, 2).getValues();
return data
}
HTML 腳本(來自 Google Charts)
<script type="text/javascript">
google.charts.load("current", {packages:["corechart"]});
google.charts.setOnLoadCallback(getData);
function getData(){
google.script.run.withSuccessHandler(drawChart).vodPiechart();
}
function drawChart(dataReturened) {
var data = google.visualization.arrayToDataTable(dataReturened);
console.log(dataReturened);
var options = {
title: 'My Channel',
is3D: true,
};
var chart = new google.visualization.PieChart(document.getElementById('piechart_3d'));
chart.draw(data, options);
}
</script>
回傳資料的控制臺.log:
Array(3) [ (2) […], (2) […], (2) […] ]
?0: Array [ "Task", "Views" ]
?1: Array [ "Channel A", 2854170 ]
?2: Array [ "CHannel B", 240222 ]
?length: 3
?<prototype>: Array []
誰能告訴我,我在這里做錯了什么?
謝謝你
uj5u.com熱心網友回復:
關于資料的一些事情是不正確的。
當資料中不存在列標題時,會拋出您收到的錯誤訊息。
或者列標題的值不是字串。
未捕獲的錯誤:未知型別的列標題:1
在這種情況下,該數字1試圖用作列標題。
看下面的例子,會拋出下面的錯誤。
未捕獲的錯誤:未知型別的列標題:2854170
google.charts.load('current', {
packages:['corechart']
}).then(function () {
var data = google.visualization.arrayToDataTable([
["Channel A", 2854170],
["Channel B", 240222],
]);
var options = {
title: 'My Channel',
is3D: true,
};
var chart = new google.visualization.PieChart(document.getElementById('piechart_3d'));
chart.draw(data, options);
});
該arrayToDataTable方法有第二個布爾引數。
設定為 時true,將創建沒有列標題的資料表,
并使用第一行作為資料。
var data = google.visualization.arrayToDataTable([
["Channel A", 2854170],
["Channel B", 240222],
], true); // <-- first row is data
餅圖中的列標題確實沒有用,
因為每行都提供了標簽。
嘗試添加用于決議的布爾引數。
請參閱以下作業片段...
google.charts.load('current', {
packages:['corechart']
}).then(function () {
var data = google.visualization.arrayToDataTable([
["Channel A", 2854170],
["Channel B", 240222],
], true);
var options = {
title: 'My Channel',
is3D: true,
};
var chart = new google.visualization.PieChart(document.getElementById('piechart_3d'));
chart.draw(data, options);
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="piechart_3d"></div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/348863.html
