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%」として、各円弧の比率を計算・描画します。
  • 実データ以外のパラメータ
パラメータ記述方法省略時効果
キャンバスサイズww=xxxw=100グラフ描画領域の幅。
hh=yyyh=100グラフ描画領域の高さ
描画開始位置offxoffx=xxxoffx=0キャンバスの中央を基準に、offx分ずらす
offyoffy=yyyoffy=0キャンバスの中央を基準に、offy分ずらす
データ円弧描画色colorcolor=data名:色指定自動選択
データテキストの
オプション
noshownoshow=ddd全データの名称表示データの名称をグラフ上に描くか否か。
指定した名称(およびそれ以降)の名称を描かない
keyoffsetkeyoffset=name:dx,dydx=0,
dy=0
データテキストの表示位置を、自動設定の位置から
dx,dyだけずらす。
オプションcentercenter=rrr描画しない円グラフの中央に描く場合、その半径
タイトルtitletitle=文字列描画しないタイトルとして書く文字列
txtx=xxx自動調整タイトル描画位置。
省略すると描画領域の上側中央あたりに描く
tyty=yyy自動調整
titlestyletitlestyle=色,bold,underline,pipe装飾なしタイトルの書式指定。
色以外は省略可、順番も自由

以下のグラフは実験中の機能を含む場合があります。

円グラフa38.1%b25.4%c23.81%d9.52%

仕様変更の可能性

  • 直径指定は不要か。
    • 現状は、キャンバスサイズをみてキャンバス内に収まるようにしている:幅/高さの小さい側を基準に、1割を余白にするようなサイズ(高さ500pixだったら、直径400、余白が50のかたち)
  • offset の仕様が微妙。見直しの余地あり。
    • 現仕様:描画位置は「(キャンバス幅or高さ+オフセット)/2」が中心になるような位置。
      オフセットを指定すればずらすことはできるが、やや微妙。
お名前: