この記事は、GASによる以下のグラフ表示アプリの解説記事になります。今回は以下の棒グラフを表示させるためのデータを、スプレッドシート上にどう記載しているか説明します。
目次
シートの中身を紹介
シートの中身を紹介します。ややとりとめもないですが・・・。
まず日付け。
このグラフは今の日付のある週と、その前の週の２週間を表示する仕様となっています。そのため、まず週の起点となる日を算出します。
まず、今日が年内の何週目かを〔T２〕セル（青い枠部）に以下の関数で表示しています。
また、今日が何曜日かを〔V２〕セル（黄色部）に以下の関数で表示しています。（例では土曜日（＝６）が表示されています）
そして、今日の曜日をもとに日曜日の日付をH列に表示させて、そこを起点に日曜日から土曜日までの日付を作成し、そこから年：year（）、月：month（）、日：Date（）を抽出して参照シート名を合成しています。
たとえば以下の様な感じです。
各日の合計は以下の様に、シート名を元に各日の小計を入れているセル（F11セル）をindirect（）関数で参照して表示しています。（例ではゼロ円ですが）
また、パラメータ付きのURLは以下で合成しています。（例では小さくてみえませんが、https~で始まる共通部分が＜H1セル＞にあり、それと個別のクエリーパラメータ部分を合成しています。
さて、こうして作成した情報は、２段になっていては使いにくいので、シートの左上に縦１列の形で改めて表示しています。
以下がその様子ですが、スクリプトではここからデータを取得しています。
＜CAMVAS＞要素のサイズ、グラフの巾、その他の各パラメータもスプレッド上で管理しています。以下がその部分です。
詳細は省きますが、上記の数値をもとに、棒グラフとなる長方形の頂点の座標などを関数で求めて表示させています。
例えば、棒グラフの左下の座標は以下の様にD列のセルに、関数で表示されます。
この表の数値をスクリプトで引用してグラフ描画に利用しています。
同じ処理をプログラムで行うと第三者がメンテしにくいのですが、スプレッドシートで行うと内容が容易に把握でき、修正もしやすくなります。
今回の記事はここまでになります。つらつらと、ちょっととりとめない記事になってしまいました。こんな雰囲気だ、ということだけ伝わればと思います。
シートの全体は後の記事でご紹介します。
