Googleスプレッドシートのグラフを画像で保存したいがGoogle Drive内にファイルが作成されない

Question

質問内容

主婦ですが、趣味でLINEとGASを連携させた家計簿を作っております。
Googleスプレッドシートで作成したグラフをLINEに送信したいです。
Google Driveに一時的に画像ファイルとして保存して送信するつもりなのですが、
送信以前にGoogle Driveに画像ファイルが作成されなくて困っています。
送信したいグラフは複合グラフです。

試しにGoogle Drive内にテキストファイルを作成してみたら、きちんとできたのでおそらくgetChart前後の問題かと思っております。
いろいろなサイトを調べて記述を変えたりもしましたが、手詰まりとなってしまいましたのでどなたかご教授いただけますと幸いです。

よろしくお願いいたします。

該当ソースコード

    var chart = sheet.getCharts();  
    var chartImage = chart[0].getAs('image/png').setName("グラフ.png");

    //Google Driveのフォルダにグラフを画像として格納
    var folderId = 'Google DriveのフォルダーID';
    var folder = DriveApp.getFolderById(folderId);
    var file = folder.createFile(chartImage);

コード全文

//アクセストークン
var ACCESS_TOKEN = "アクセストークン";

//スプレッドシートID
var id = "スプレッドシートID";

//LINE_BOT返信用エンドポイント
var replyUrl = "https://api.line.me/v2/bot/message/reply";

//LINE_BOTメッセージプッシュ用エンドポイント
var pushUrl = 'https://api.line.me/v2/bot/message/push';

//家計簿LINEのグループID(グラフの送信先として指定)
var to = 'LINEグループID';

//分岐した際最終的にラインに返信する文章
var text;


/*    メッセージがポストされた際の動作    */
function doPost(e){
  //JSONにパースする
  var json = JSON.parse(e.postData.contents);

  //送られたLINEメッセージを取得
  var message = json.events[0].message.text;

  //メッセージの配列化
  var array = message.split(/\n/);

  //日付取得・シート名取得
  var date = new Date();
  var sendDate = Utilities.formatDate(date,'Asia/Tokyo','M月dd日'); 
  var sheetName = String(Utilities.formatDate(date,'Asia/Tokyo','yyyy/M'));
  var sheet = SpreadsheetApp.openById(id).getSheetByName(sheetName);

  var item = sheet.getRange('L5:L15').getValues(); //項目名の配列

  //入力されたメッセージによって動作を分岐
  if(item.indexOf(array[0]) && Number.isInteger(Number(array[1]))){    //「1行目の文字が配列内にある」かつ「2行目が整数」

    //スプレッドシートの最終行を取得
    var lastRow = sheet.getRange(3,3).getNextDataCell(SpreadsheetApp.Direction.DOWN).getRow();

    //スプレッドシートにLINEの内容を登録
    sheet.getRange(lastRow+1,3).setValue(sendDate);
    sheet.getRange(lastRow+1,4).setValue(array[0]);
    sheet.getRange(lastRow+1,5).setValue(array[1]);
    sheet.getRange(lastRow+1,6).setValue(array[2]);
    
    //登録が正常に行われた際にメッセージを返信
    text = '日付：'+String(sendDate)+'\n項目：'+String(array[0])+'\n金額：'+String(array[1])+'\n備考：'+String(array[2])+'\n\n上記内容で登録しといたで';

  }else if(array == 'グラフ'){

    //シートにあるグラフを配列に格納
    var chart = sheet.getCharts();  //getchartがおかしいはず。わからん。
    var chartImage = chart[0].getAs('image/png').setName("グラフ.png");

    //Google Driveのフォルダにグラフを画像として格納
    var folderId = 'フォルダーID';
    var folder = DriveApp.getFolderById(folderId);
    var file = folder.createFile(chartImage);
    
    //画像を公開設定に変更
    file.setSharing(DriveApp.Access.ANYONE,DriveApp.Permission.EDIT);
    
    //画像を関数でラインに送信し、画像を削除
    pushImage(to,file.getDownloadUrl(),file.getDownloadUrl());
    DriveApp.getFolderById(folderId).removeFile(file);

  }else{

    text = '入力が間違っています！';

  }

  
  //textの内容をLINEに返信する
  var replyToken= json.events[0].replyToken;

  if(typeof replyToken === 'undefined'){
    return;
  }

  var messages = [{
    'type': 'text',
    'text': text,
  }];

  UrlFetchApp.fetch(replyUrl,{
    'headers': {
      'Content-Type': 'application/json; charset=UTF-8',
      'Authorization': 'Bearer ' + ACCESS_TOKEN,
    },
    'method': 'post',
    'payload': JSON.stringify({
      'replyToken': replyToken,
      'messages': messages,
    }),
  });

  return ContentService.createTextOutput(JSON.stringify({'content': 'post ok'})).setMimeType(ContentService.MimeType.JSON);
}


//グラフ画像をLINEグループに送信する関数
function pushImage(to,src,srcPreview){
  
  var headers = {
    "Content-Type" : "application/json; charset=UTF-8",
    'Authorization': 'Bearer ' + ACCESS_TOKEN,
  };

  var postData = {
    "to" : to,
    "messages" : [
      {
        'type':'image',
        'originalContentUrl':src,
        'previewImageUrl':srcPreview,
      }
    ]
  };

  var options = {
    "method" : "post",
    "headers" : headers,
    "payload" : JSON.stringify(postData)
  };

  return UrlFetchApp.fetch(pushUrl, options);

}

複合グラフで実行した場合エラーが出てしまいました。

Comments

[jhashimoto]

エラーは出力されていますか？

[jhashimoto]

提示されたコードに変数sheetの宣言が含まれていないため、こちらで動作確認ができません。該当Functionのコードをすべて質問文に記載してもらえないでしょうか。

[umako1112]

コメントおよびご回答ありがとうございます！！
エラーは出力されておりません。
本文内にソースコード全文を追記させていただきました。

[jhashimoto]

自分のお願いの仕方がまずかったです。こちらで動作確認したかったので、sheet変数の宣言まで含んだコードを提供してほしかったのです。１つのFunction内でLINEへの送信までやっているとは想定してませんでした（Driveにグラフ画像を作成するだけだと思っていました）。LINEの動作環境がありませんし、現状提示されたコードだとこちらで動作確認はできないです。

[umako1112]

確かにその通りですね...。
大変申し訳ありません。

Answer 1

提示されたコードで、グラフ画像がドライブに作成されることを確認しました。

グラフ化したデータ。

	2001年	2002年	2003年
売上	1000	2000	3000
利益	100	200	300

変数の宣言を追加していますが、他は変更していません。

function myFunction() {
    // ここから追加
    var spreadSheet = SpreadsheetApp.getActiveSpreadsheet();
    var sheet = spreadSheet.getActiveSheet();
    // ここまで追加
    
    var chart = sheet.getCharts();
    var chartImage = chart[0].getAs('image/png').setName("グラフ.png");

    //Google Driveのフォルダにグラフを画像として格納
    var folderId = 'Google DriveのフォルダーID';
    var folder = DriveApp.getFolderById(folderId);
    var file = folder.createFile(chartImage);
}

コードは問題ないとすると、権限の不足が考えられます。Googleドライブへのアクセスは許可されていますか？こちらで実行したときは、許可が求められました。

Comments

[umako1112]

ご回答ありがとうございます。
一度このコード内でテキストファイルを作成した際は正常にできたので、アクセス権は許可されていると認識しておりました...。
実行の際に添付して下さった画像のようなポップアップも出ませんでした。

新しいスプレッドシートを作成し、権限の許可もしてみましたがうまくいかずでした...。
申し訳ありません。

[jhashimoto]

本文にテキストファイルは作成できていると書かれていたので、アクセス権はありますね。失礼しました。

[jhashimoto]

「試しにGoogle Drive内にテキストファイルを作成してみたら、きちんとできたのでおそらくgetChart前後の問題かと思っております」。getChartがあやしいと予想しているなら、ミニマムコードで検証すればよいでしょう。getChartの処理を切り出したコードが期待どおりに動作するかどうかで、原因箇所の切り分けにつながります。今回は自分の回答がミニマムコードになっていますので、コピペして、ご自身の環境で動作するか確認してみるとよいと思います。（そういう意図でグラフ化したデータも載せています）

[umako1112]

アドバイスいただいた通りミニマムコードでgetchartのみを実行してみました！
jhashimotoさんが載せてくださったような簡単なグラフだったら無事Google Driveに保存することができました！
ただ私が本文内に載せた複合グラフが悪いのか、どうやらgetAsでエラーが出てしまっているようです...。
本文内にエラーログも一応追加しております。