pukiwikiプラグイン/svggraphs/円グラフ詳細
2023-10-31 (火) 13:38:46
- グラフの「実データ」の指定方法
次の2つの書式を利用できます。併用も可能。- data記述。円グラフの1ブロックごとにdataを指定します。dataの第一項目にはデータの名称を記載。2項目に数値グラフになる数値です。~。
data=a:120 data=b:80 data=c:75 data=d:30 data=e:10
- カンマ区切りの表形式。円グラフの1ブロックごとに行を記載。表の1列目にはデータの名称を記載。2列目がグラフになる数値です。
,a,120 ,b,80 ,c,75 ,d,30 ,e,10
- 円グラフでは、このように指定された数値すべての合計を「100%」として、各円弧の比率を計算・描画します。
- data記述。円グラフの1ブロックごとにdataを指定します。dataの第一項目にはデータの名称を記載。2項目に数値グラフになる数値です。~。
- 実データ以外のパラメータ
パラメータ | 記述方法 | 省略時 | 効果 | |
キャンバスサイズ | w | w=xxx | w=100 | グラフ描画領域の幅。 |
h | h=yyy | h=100 | グラフ描画領域の高さ | |
描画開始位置 | offx | offx=xxx | offx=0 | キャンバスの中央を基準に、offx分ずらす |
offy | offy=yyy | offy=0 | キャンバスの中央を基準に、offy分ずらす | |
データ円弧描画色 | color | color=data名:色指定 | 自動選択 | |
データテキストの オプション | noshow | noshow=ddd | 全データの名称表示 | データの名称をグラフ上に描くか否か。 指定した名称(およびそれ以降)の名称を描かない |
keyoffset | keyoffset=name:dx,dy | dx=0, dy=0 | データテキストの表示位置を、自動設定の位置から dx,dyだけずらす。 | |
オプション | center | center=rrr | 描画しない | 円グラフの中央に描く場合、その半径 |
タイトル | title | title=文字列 | 描画しない | タイトルとして書く文字列 |
tx | tx=xxx | 自動調整 | タイトル描画位置。 省略すると描画領域の上側中央あたりに描く | |
ty | ty=yyy | 自動調整 | ||
titlestyle | titlestyle=色,bold,underline,pipe | 装飾なし | タイトルの書式指定。 色以外は省略可、順番も自由 |
以下のグラフは実験中の機能を含む場合があります。†
仕様変更の可能性†
- 直径指定は不要か。
- 現状は、キャンバスサイズをみてキャンバス内に収まるようにしている:幅/高さの小さい側を基準に、1割を余白にするようなサイズ(高さ500pixだったら、直径400、余白が50のかたち)
- offset の仕様が微妙。見直しの余地あり。
- 現仕様:描画位置は「(キャンバス幅or高さ+オフセット)/2」が中心になるような位置。
オフセットを指定すればずらすことはできるが、やや微妙。
- 現仕様:描画位置は「(キャンバス幅or高さ+オフセット)/2」が中心になるような位置。