| Anchor | ||||
|---|---|---|---|---|
|
| Table of Contents | ||
|---|---|---|
|
概要
グラフィックウィジェットを使用して、事前にデザインされたグラフィックをダッシュボードに追加します。これは、ウィジェット選択から選択することで図形、矢印、アイコンを追加することができます。グラフィックスウィジェットを使用して、事前にデザインされたグラフィックスをダッシュボードに追加します。これは、ウィジェット選択から選択することで図形、矢印、アイコンを追加します。
...
グラフィックスウィジェットタイプ
| 名前 | 説明 |
| 図形 |
| 展開やカスタマイズ、境界線として使用できる円や四角といった、キャンバスに追加できる図形のタイプです。 | |
| 線 | 矢印のような、キャンバスに追加できる線のタイプです。 |
| アイコン | キャンバスに追加できるアイコンのタイプです。 |
グラフィックウィジェットの使用方法
...
グラフィックのプロパティ
以下の表は、カスタマイズに使用できるグラフィックウィジェットのプロパティを示しています。
| Tip |
|---|
コードモードのヒント：カスタマイズしたアイコンをコピーして、「fa」classを使用してアイコンのタイプを変更します。例えば、「fa_android」は、「fa_arrow」に切り替えることができます。コードモードはアイコンを変更する唯一の方法です。 |
...
| Column | ||
|---|---|---|
| ||
|
...
...
| width | 60% |
|---|
注意：図形、アイコン、線など、選択したグラフィックウィジェットのタイプに応じて、プロパティは若干異なります。
...
図形内部の色を選択します。
注意：矢印のような線では、矢印の頭の色を指定します。
...
選択した図形の外側、または境界の色を定義します。
注意：矢印のような線では、矢印の線や本体の色を指定します。
...
こちらのトグルを有効にして、アスペクト比を維持します。これにより、図形ウィジェットのサイズを大きくしたり、小さくしたりしても、その形状が維持されます。（幅と高さの関係）
こちらが無効の場合、図形ウィジェットは水平、または垂直方向に引き伸ばされます。
...
ウィジェットの境界の太さを指定します。
注意：境界を表示するには、3つの境界プロパティすべてに値を定義しなくてはいけません。
...
グラフィックスウィジェットの使用方法