本ドキュメントでは、ネットワーク図ウィジェットを例として使用して、ネットワークウィジェットを構成する方法を説明します。
スタイル
- 基本属性
- Size:幅と高さを調整して、ウィジェットのサイズを設定します。
- Position:横座標と縦座標を調整して、ウィジェットの位置を設定します。
- Others:ウィジェットの回転角度と不透明度を設定します。
- 背景色: ネットワーク図の背景色を変更するには、カラーピッカーをご参照ください。
- フォース
- 間隔: フォース指向グラフのボーダーに対する位置の調整は、値を入力するか、+ や – をクリックします。
- 強度 :ノードのフォースを調整するには、+ や - をクリックします。 値が大きいほど、ノードは密集します。
- 距離: ノード間のマージンを調整するには、値を入力するか、+ や - をクリックします。
- 重力: ノードの重力を調整するには、値を入力するか、+ や - をクリックします。 重力が大きいほど、ノードは密集します。
- フリクション: ノード間のフリクションを調整するには、値を入力するか、スライダをドラッグします。 値の範囲:0 ~ 1。
- ラベル
- フォントの色: ラベルテキストのフォントの色を変更するには、カラーピッカーをご参照ください。
- フォントサイズ: ラベルテキストのフォントサイズを設定するには、値を入力するかスライダをドラッグします。
- フォントの太さ: ラベルテキストのフォントの太さを設定するには、ドロップダウン矢印をクリックして目的のフォントの太さを選択します。
- 中央揃え:このオプションを選択すると、ラベルテキストはノードの中心からの位置に設定されます。
- リンクオプション
- 接続線の色: 線の色を変更するには、カラーピッカーをご確認ください。
- 接続線の太さ: 線の幅を変更するには、値を入力するか、スライダをドラッグします。
- 接続線の長さ: 線の長さを変更するには、値を入力するか、+ や - をクリックします。
- 最小値: 線の最小値を変更するには、値を入力するか、+ や - をクリックします。
- 最大値: 線の最大値を変更するには、値を入力するか、+ や - をクリックします。
- ノードオプション
- ノードの追加: ノードを追加、または削除するには、+ か、 Trash アイコンをクリックします。
データ
- ノード: ネットワーク図のノード。 次のフィールドが含まれています。
- imgPath : 画像の URL。 このフィールドが空の場合、ノードはデフォルトで円として表示されます。
- name: ノード名。
- type: ノードのタイプ。 設定ウィンドウの 名称 でタイプを設定できます。 上図に示されているように、type が group1 に設定されているノードは group1 という名前を使用します。
- links : ネットワーク図内のリンク。 次のフィールドが含まれています。
- source: line のソースノード。 このフィールドの値は、ソースノードの 名称 と同じです。
- target : line の宛先ノード。 このフィールドの値は、宛先ノードの name と同じです。
- value: 線の長さ。
インタラクション
当該ウィジェットはまだイベントにバインドされていません。