9
13

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Google Apps Scriptでグラフを操作するときは、Google Chartsを調べればよい / 一部系列を右側にし2軸グラフ(Y軸2つ)にする

Posted at

結論

  • GASの(日本語)検索はノイズがキツめ
  • チャート操作は実質Chart APIのラッパー
  • なのでGoogle Chartとしてやりたいことを調べ、GASの書き方に変換してやると目的を達成しやすかった。

Charts  |  Google Developers


3つ目のデータ列を右軸にする場合は

  var chart = logSheet.newChart().addRange(range)
  .setOption("series", {
//             0: {targetAxisIndex:0}, // 第1系列は左のY軸を使用
             2: {targetAxisIndex:1}, // 第3系列は右のY軸を使用
         })

seriesオプションを操作してやる

やりたかったこと

  1. 4桁の数字と2桁の数字をまとめて一つのグラフにしたかった。
  2. スケールが一つだと4桁の方に合わせられ、2桁のグラフが低空飛行になり分かりづらい。
  3. 低スケールの右軸を新設して少ないほうはそちらでグラフ化したい。

実現方法は結論の通り。

before

image.png

after(投稿数も右にした)

image.png

参考

GASからグラフ(Chart)を触れるAPIはありますが、APIリファレンスによると、実際にはGASから「Google Chart Tools」を利用しているみたいです。

setOption(option,value) このグラフの詳細オプションを設定します。
optionは、
チャートAPIのグラフギャラリーの利用可能なオプションのリストです。

9
13
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
13

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?