Obsidian-Chartsの使い方
ObsidianのコミュニティプラグインObsidian Chartsの使い方
1. Obsidian Chartsのインストール
Obsidianの左下にある歯車マークをクリック
https://scrapbox.io/files/63cb76b98e0b95001d98fe14.png
「コミュニティプラグイン」を選択
https://scrapbox.io/files/63cb7724722030001d134290.png
「コミュニティプラグイン」の「閲覧」をクリックしてプラグインの一覧を出す
https://scrapbox.io/files/63cb7794c99ac7001ed88379.png
検索欄に「obsidian charts」と入力して絞り込む。そして「obsidian charts」を選択
https://scrapbox.io/files/63cb785b2b45e3001ed092ab.png
「インストール」をクリック
https://scrapbox.io/files/63cb78d0396bc6001d66e130.png
「有効化」をクリック
https://scrapbox.io/files/63cb79398e0b95001d991dec.png
これでObsidianChartを使う準備は完了
2. データのIDをつける
チャートを作るうえで使用するデータを識別するIDを記述する
難しいことはなくて使いたいデータのテーブルに^(ID名)をつけるだけhttps://scrapbox.io/files/63cb7bfd60a40c001d76dca1.png
3.Obsidian Chartsの記述
データの後にこのように記述
code:Markdown
`chart
type: bar
id: CPUCORE
layout: rows
beginAtZero: true
`
各項目の解説
type:グラフの形状(bar:棒グラフ、Line:折れ線グラフ、radar:レーダーチャート、Doughnut:ドーナツグラフ、Pie、円グラフ、polarArea:鶏頭図)
id:使うデータのID(2.でつけたもの)
layout:データの読み方(rows:縦軸(列)、colomns:横軸(行))
https://scrapbox.io/files/63cb7fc676a5f4001ed3b569.png
今回の表で指定した場合
beginAtZero:グラフを強制的にゼロから始める(trueまたはfalse)
でもできる限り調べてみた
table:Obsidian
項目 入力値 規定値 機能
width 固定値(px)または% 100% チャートの幅
fill trueまたはfalse false 折れ線グラフでグラフの下を塗りつぶす
spanGaps trueまたはfalse false 欠落部分をカバー
tension 0から1までの数値 0 折れ線グラフの線を滑らかにする
legend trueまたはfalse true 凡例の表示
legendPosition top,left,bottom,right top 凡例の位置(上、左、下、右)
indexAxis xまたはy x 垂直グラフ(x),水平グラフ(y)
stacked trueまたはfalse false 棒グラフを積み上げグラフにする
xTitle テキスト x軸に名前を表示する
yTitle テキスト y軸に名前を表示ける
xReverse trueまたはfalse false グラフを左右反転する
yReverse trueまたはfalse false グラフを上下反転する
xMin 数値 横軸の最小値を設定
yMin 数値 縦軸の最小値を設定
xMax 数値 横軸の最大値を設定
yMax 数値 縦軸の最大値を設定
transparency 0.0から1.0までの数値 0.25 グラフの色の透明度を設定する
xDisplay trueまたはfalse true 横向きの罫線を表示する
yDisplay trueまたはfalse true 縦向きの罫線を表示する
xTickDisplay trueまたはfalse true 縦軸の項目名(目盛り)を表示する
yTickDisplay trueまたはfalse true 横軸の項目名(目盛り)を表示する
まぁ難しく考えなくても右クリックで「Insert Chart」すればある程度は設定できる
機能的にはグラフを画像にして保存できるみたいなことも書いてあるんだけど、自分にはできなかった
まだアップデートが必要なのかな