2016年9月8日木曜日

円グラフの合計値を設定できるようになりました

円グラフの各値の合計値を設定できる「TOTAL」を追加


チャート関数で、PIEチャート(円グラフ)を利用する際、
「円グラフの各数値の合計を任意の数値にする」ということが難しい状況でした。

例えば、「全体で100%になる」というコンセプトの円グラフでも、
円グラフの各値の領域をクリック/タッチするとその値の数値が表示され、「各数値を合計してみると100にならない」という状態が起きていました。


そこで、今回、チャート関数に、新たなパラメータ TOTAL を追加しました。
[USER]さんのカレーの内容
=CHART(
               TYPE:PIE,
               DATA:[
                              肉: [RESULT1],
                              じゃがいも: [RESULT1],
                              たまねぎ: [RESULT1],
                              ニンジン: [RESULT1],
               ],

              
TOTAL:100,
)

TOTALを設定していない場合、
この時各値で割り振られた数値が、
肉: 2,
じゃがいも: 3,
たまねぎ: 4,
ニンジン: 5,
という数値だとすると、円グラフ上の各値は、上記の数値がそのまま表示されます。

ここで、 TOTAL:100 と設定した場合、
各数値の割合はそのままに、数値の合計が100になるよう計算し直します。
肉: 14,
じゃがいも: 21,
たまねぎ: 28,
ニンジン: 37,

これによって、円グラフ上の各数値の合計が100になります。
※四捨五入、および端数を調整するため若干の誤差はあります。

このパラメータはPIEチャート(円グラフ)のみで利用可能です。

ぜひ、ご活用いただければと思います。
今後とも診断メーカーを宜しくお願い致します。

診断メーカー トップページ
診断メーカー 診断作成ページ


チャートの色を変更できるようになりました

チャート関数にCOLORパラメータを追加

チャート関数に設定できるパラメータに、COLOR というものを追加しました。
これまではチャートの色は当サイトであらかじめ設定した色だけが表示されておりましたが、このCOLORというパラメータにカラーコードを設定すると、チャートの色を変えることが出来ます。


[USER]さんの成績
=CHART(
 TYPE:RADAR,
 DATA:[
      国語:[RESULT1],
      算数:[RESULT1],
      理科:[RESULT1],
      社会:[RESULT1],
      英語:[RESULT1],
      ],
 COLOR:[ ],
 MAX:5
)
ここで、 COLOR:[  ] の中に赤を表すカラーコードの「ff0000」を入れると、次のように色が変わります。

 
グラフの色が赤くなりました


 カラーコードが空白である場合、デフォルトのカラーが表示されます。

 
カラーを設定しない場合は今までと同じ色です


レーダーチャートおよびLINEチャート(折れ線グラフ)は、一色のみ色を設定することが可能です。

BARチャート(棒グラフ)や、パイチャート(円グラフ)では複数の色をつけることも出来ます。

例えば、円グラフの関数を次のように設定します。


[USER]さんのカレーの内容
=CHART(
 TYPE:PIE,
 DATA:[
      肉: [RESULT1],
      じゃがいも: [RESULT1],
      たまねぎ: [RESULT1],
      ニンジン: [RESULT1],
      ],
 COLOR:[ bc0019, f2d706, fffdd7, ff6800, ],
)

DATA内の各値の数と同じ数の色を設定すると、次のように各色が変わります。


カラーコードを設定した場合
上記のグラフは、内容に合わせて色を選んでみたものです。
下記の、デフォルトの色と比較すると印象が変わります。

 
デフォルトの色

  

カラーコードの設定方法


チャートのカラーコードは、「診断作成画面」において、チャートの関数を使用した時、下記のようにカラーコードを選択して挿入できるメニューが表示されます。

色を選んで、COLOR:[  ] の中に挿入するだけですので、非常に簡単です。


ぜひご利用いただけますと幸いです。
今後とも診断メーカーを宜しくお願い致します。

診断メーカー トップページ
診断メーカー 診断作成ページ