プラグイン「Emanon Premium Blocks」を有効化すると「円グラフブロック」が利用できます。円グラフは最大5項目まで設定が可能です。
設定
ブロックエディタから円グラフブロックを配置します。
ブロック設定
![](https://wp-emanon.jp/emanon-premium/wp-content/uploads/2024/02/circle-graph-block-01.png)
円グラフのサイズを最小30から最大500の範囲で指定できます。円グラフサイズ[モバイル]を有効にすると、タブレットの画面サイズ・スマホの画面サイズごとに円グラフのサイズ指定が可能になります。
グラフ設定
![](https://wp-emanon.jp/emanon-premium/wp-content/uploads/2024/02/circle-graph-block-02.png)
円グラフに表示したい項目を最大5項目まで設定できます。項目に入力する数値が合計100になるよう調整してください。
マイクロテキスト設定・ボディテキスト設定
![](https://wp-emanon.jp/emanon-premium/wp-content/uploads/2024/02/circle-graph-block-03.png)
![](https://wp-emanon.jp/emanon-premium/wp-content/uploads/2024/02/circle-graph-block-04.png)
円グラフの中央に文言を表示する機能です。グラフの内容を端的に表現する文言を入力してください。
満足度調査
Emanon
凡例設定
凡例を有効にすると最大項目まで表示内容を指定できます。凡例は縦表示とグラフの横表示(並列)を指定できます。
![](https://wp-emanon.jp/emanon-premium/wp-content/uploads/2024/02/circle-graph-block-05.png)
凡例表示例
満足度調査
Emanon
- とても満足 20 人
- 満足 70 人
- どちらでもない 10 人
凡例表示例:並列表示
満足度調査
Emanon
- とても満足 20 人
- 満足 70 人
- どちらでもない 10 人
色設定
円グラフの各パーツごとに色を指定できます。
![](https://wp-emanon.jp/emanon-premium/wp-content/uploads/2024/02/circle-graph-block-06.png)