SANGOの標準機能ではグラフを表示する機能は提供していないですが、SANGO Landに投稿されているブロックを使うことで簡単に以下のようなグラフを記事内に埋め込むことができます。
目次 非表示
使用できる環境
使い方
SANGO Landからブロックをコピーして記事に貼り付けます。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/07/cf2d3021af52f1dc7b43cccc946c5b74.png)
設定オプション
棒グラフか、折れ線グラフから選択できます。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/08/a8bfda149e737bbd4d62416eb342a49c.png)
![](https://saruwakakun.com/sango/wp-content/uploads/2022/08/f3d67b868df3c2a5d1bfc7e1215cb97e.png)
1月,2月,3月,4月 のようにカンマ区切りで項目を入力します。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/08/ff7c2ac4e888134aa70555b4fb816e55.png)
50,20,90,60 のように実際の値をカンマ区切りで入力します。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/08/d2c998d5b2f4c65440814f42a5d71c80.png)
y軸の最小値、最大値、ステップ幅を設定できます。例えば最小値が10の場合、10の値からグラフがスタートします。
ステップ幅はグラフのメモリの幅で、10と設定されていれば、10, 20, 30, 40と10刻みでy軸にメモリごとに数字が表示されます。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/08/7de7f995601c3fa4010d5fb59722a97a.png)
また、横軸と縦軸、グラフ自体のタイトルを設定することも可能です。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/08/91ff1176e7b1705d15be58e04e3c073c.png)
グラフの色も設定することができます。
カスタムバリエーションに登録して効率化しよう
頻繁にこのブロックを使う場合はSANGOのカスタムバリエーション機能を使って、オリジナルブロック化しておくと次回からSANGO Landに訪れる手間が省けるので便利です!
キーワード検索で簡単にブロックを呼び出すことができます。
![](https://saruwakakun.com/sango/wp-content/uploads/2021/10/contents-160x160.png)
コメントを残す