Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migration of unmigrated content due to installation of a new plugin

...

ダッシュボードやストーリーボードにキャンバスを追加する場合は、通常のグラフレポートを追加する場合と同様のステップを使用します。


ウィジェット

  1. グラフ
  2. テキスト
  3. イメージ
  4. 図形

これらのウィジェットは、レフトサイドナビゲーションパネルで、それぞれのメニューを開くことで、キャンバスに追加することができます。



キャンバス属性

キャンバスには、ニーズに応じて調整できる様々なオプションがあります。 これらのオプションにアクセスするためには、キャンバスの右上隅にあるImage Removed設定アイコンをクリックします。

Image Removed

キャンバス属性」パネルが開きます。このパネルは、必要に応じて、画面上の好きな場所にドラッグすることができます。

Image Removed

グリッド線

これらの設定は、キャンバスのデザインを支援するために表示するグリッド線を定義することができます。

Image Removed

オプション説明
グリッド線の表示

キャンバスの背景にグリッド線を表示するかどうかを指定します。これは、ウィジェットのレイアウトのガイドに使用することができます。

グリッド線のサイズ

グリッド線の設定(上記参照)に使用するグリッドのサイズを、ピクセル単位で定義します。

グリッド線に合わせる

こちらのオプションを有効にすると、すべてのウィジェットをグリッド線に合わせて設定するため、ウィジェットを確実に配置することができます。

Image Removed

ガイド線

キャンバスのデザインを支援する、特別なガイド線を表示する位置を定義します。これらの線はグリッド線とは異なり、キャンバス内の特定の位置に個別の水平、または垂直な線として表示されます。

Image Removed

オプション説明
横軸

キャンバスに横軸を追加したり、削除したりすることができ、ピクセル単位でその位置を指定します。

縦軸

キャンバスに縦軸を追加したり、削除したりすることができ、ピクセル単位でその位置を指定します。

ルーラーの表示

キャンバスの上部や左側にルーラーを表示することで、ガイド線をより正確に配置することができます。

Image Removed

キャンバスサイズ

表示されるキャンバスのサイズを、ピクセル単位で定義することができます。こちらの設定は、特別な目的のために正確なサイズの設定が必要な場合に使用すると便利です。

Image Removed

...

高さ

...

キャンバスデザイン

キャンバスの背景色を定義します。

Image Removed

オプション説明
背景色キャンバスの背景色を指定します。ストーリーボードのスライドのように、色が適用された背景やイメージに配置するキャンバスをデザインする場合に使用すると便利です。

Image Removed

グラフウィジェット

利用可能なグラフの一覧を表示すると、各グラフの右上隅にアイコンが表示されます。

Image Removed

グラフが既にキャンバスに追加されている場合は、Image Removedアイコンが表示されますが、まだ追加されていない場合は、Image Removedアイコンが表示されます。キャンバスでグラフを使用するためには、一覧から対象のグラフをキャンバスへドラッグします。

キャンバスへグラフウィジェットを追加したら、キャンバス上でグラフを選択することで、基本的なオプションへアクセスすることができます。利用可能なオプションの概要は、以下の通りです。

Image Removed

...

現在選択しているグラフを移動することで、キャンバスのZ平面上に表示するウィジェットのオーダーを変更します。利用可能なオプションは、以下の通りです。

    • 最前面へ移動
    • 前面へ移動
    • 背面へ移動
    • 最背面へ移動

...

グラフウィジェットの属性

Image Removedアイコンをクリックすることで、選択したグラフウィジェットの、より詳細な設定へアクセスすることができます。

Image Removed

...

キャンバス上に正確に配置するために、現在選択しているウィジェットの左上隅のX座標を指定します。

...

キャンバス上に正確に配置するために、現在選択しているウィジェットの左上隅のY座標を指定します。

...

テキストウィジェット

表示される様々なサンプルから、キャンバスに追加するウィジェットを選択し、ドラッグすることで、テキストウィジェットを使用することができます。

Image Removed

キャンバスへテキストウィジェットを追加したら、基本的なオプションにアクセスすることができます。利用可能なオプションの概要は、以下の通りです。

Image Removed

...

現在選択しているテキストウィジェットを移動することで、キャンバスに表示するウィジェットのオーダーを変更します。利用可能なオプションは、以下の通りです。

    • 最前面へ移動
    • 前面へ移動
    • 背面へ移動
    • 最背面へ移動

...

テキストウィジェットの属性

Image Removed アイコンをクリックすることで、選択したテキストウィジェットの、より詳細な設定へアクセスすることができます。

Image Removed

...

選択したテキストウィジェットに、以下のオプションから書式スタイルを適用します。

    • 太字
    • 斜体
    • アンダーライン

...

以下のオプションを使用して、選択したテキストウィジェットのコンテンツの位置を合わせます。

中央

...

キャンバス上に正確に配置するために、現在選択しているウィジェットの左上隅

...

キャンバス上に正確に配置するために、現在選択しているウィジェットの左上隅

...

条件付き書式

...

イメージウィジェット

既存のイメージを使用するか、新規イメージを追加することで、キャンバスにイメージウィジェットを追加することができます。

Image Removed

イメージを選択する際は、イメージ管理ライトボックスを使用することで、既存のイメージを検索したり、新規ファイルをアップロードしたりすることができます。

Image Removed

キャンバスへイメージウィジェットを追加したら、基本的なオプションにアクセスすることができます。利用可能なオプションの概要は、以下の通りです。

Image Removed

...

現在選択してるイメージウィジェットを移動することで、キャンバスに表示するウィジェットのオーダーを変更します。利用可能なオプションは、以下の通りです。

    • 最前面へ移動
    • 前面へ移動
    • 背面へ移動
    • 最背面へ移動

...

イメージウィジェットの属性

Image Removed アイコンをクリックすることで、選択したイメージウィジェットの、より詳細な設定へアクセスすることができます。

Image Removed

...

キャンバス上に正確に配置するために、現在選択しているウィジェットの左上隅のX座標を指定します。

...

キャンバス上に正確に配置するために、現在選択しているウィジェットの左上隅のY座標を指定します。

...

条件付き書式

...

図形ウィジェット

様々な図形、線、アイコンのサンプルから選択することで、キャンバスに図形ウィジェットを追加することができます。

Image Removed

以下の3タイプの図形ウィジェットを使用することができます。

名前説明イメージ
図形グラフやレポートに、様々なタイプの図形を追加することができます。Image Removed
グラフやレポートで、線を使用することができます。Image Removed

アイコン

レポートやグラフに、アイコンを追加することができます。Image Removed

キャンバスへ図形ウィジェットを追加したら、基本的なオプションにアクセスすることができます。利用可能なオプションの概要は、以下の通りです。

Image Removed

...

現在選択している図形ウィジェットを移動することで、キャンバスに表示するウィジェットのオーダーを変更します。利用可能なオプションは、以下の通りです。

    • 最前面へ移動
    • 前面へ移動
    • 背面へ移動
    • 最背面へ移動

...

図形ウィジェットの属性

Image Removedアイコンをクリックすることで、選択した図形ウィジェットの、より詳細な設定へアクセスすることができます。

Image Removed

...

キャンバスウィジェットメニュー

レポートキャンバス上の任意のウィジェット、またはオブジェクトを右クリックすることで、メニューを表示します。以下は、メニューオプションの詳細を示しています。選択したウィジェットに応じて、表示されるメニューは異なる点に注意してください。

...

Column
width35%

Image Removed

...

選択したオブジェクト、または複数のオブジェクトをクリップボードにコピーします。

...

レポートに複数のグラフが含まれる場合、選択したグラフを編集します。

これは、選択したグラフを編集モードで開きます。

...

次のオプションに従い、選択したオブジェクトのレポートキャンバス上の位置を揃えます。

  • 左:選択したオブジェクトを、左に揃えます。
  • 上下中央:上下中央に揃えますが、左右の位置は変更しません。
  • 右:オブジェクトを右に揃えます。
  • 上:オブジェクトを上に揃えます。
  • 左右中央:左右中央に揃えますが、上下の位置は変更しません。
  • 下:オブジェクトを下に揃えます。
  • 中央:オブジェクトを中央に揃えます。

...

選択したオブジェクトを前面、または背面に移動して配置を変更します。選択肢は、以下の通りです。

  • 前面へ移動:複数のオブジェクトが重なっている場合、選択したオブジェクトを最前面に移動します。
  • 前面へ移動:複数のオブジェクトが重なっている場合、選択したオブジェクトをひとつ前面に移動します。
  • 最背面へ移動:複数のオブジェクトが重なっている場合、選択したオブジェクトを最背面に移動します。
  • 背面へ移動:複数のオブジェクトが重なっている場合、選択したオブジェクトをひとつ背面に移動します。

...

選択したオブジェクトに回転オプションを適用します。選択肢は、以下の通りです。

  • 180度回転:オブジェクトを180度回転するので、直立している場合は上下が反転します。
  • 右へ90度回転:オブジェクトを右へ90度回転します。
  • 左へ90度回転:オブジェクトを左へ90度回転します。
  • 回転をクリア:オブジェクトに適用されている上記回転すべてをクリアします。

...