教えてください
JavaScript(google apps script)で
サーバー側
function uri(){
var sheet = SpreadsheetApp.openById('---------------------------').getSheetByName('---');
var data = sheet.getRange(1, 1, 1,12).getValues();
Logger.log(data);
//return JSON.stringify(data);←一応試してみました
return data;
}
の配列データを
Web側のChart.jsのデータに使いたいです
var data = [30,40,50,60,70,80,90,,,,,,,,,]とすると上手くいくのですが
サーバー側から受け取った配列ではうまくいきません
初心者です。すみません・・・・
あと、よかったら教えて欲しいのですが
alert(data);
で表示すると
var data = [30,40,50,60,70,80,90,,,,,,,,,]の表示と
サーバー側から受け取る配列の表示が同じになる→なのにサーバー側から受け取る場合はNG
???なぜですか
本当に、初心者でごめんなさい
教えてください
<script>
window.onload = function(){
// ページ読み込み時に実行したい処理
google.script.run.withFailureHandler().withSuccessHandler(test).uri();
}
function test(data){
//var data = [30,40,50,60,70,80,90,,,,,,,,,]**←これだとOKなのになぜ?**?
//var arr =[]
// arr.push(data);←一応試してみた(でたらめ?)
alert(data);
var ctx = document.getElementById("myBarChart");
var myBarChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ['4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月', '1月', '2月', '3月'],
datasets: [
{
label: '計画',
data: [62, 65, 93, 85, 51, 66, 47],
backgroundColor: "rgba(219,39,91,0.5)"
},{
label: '実績',
data: data,**←ここのデータに使用したい**
//data: [55,45,73,75,41,45,58,"","","","",""],
backgroundColor: "rgba(130,201,169,0.5)"
}
]
},
options: {
title: {
display: true,
text: '支店別 来客数'
},
scales: {
yAxes: [{
ticks: {
suggestedMax: 100,
suggestedMin: 0,
stepSize: 10,
callback: function(value, index, values){
return value + '人'
}
}
}]
},
responsive: false
}
});
}
</script>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。