30日間の無料評価版をお試しいただけます。

概要

このキャンバスは、様々なタイプのコンテンツを、ひとつにまとめて表示します。キャンバスは、以下のコンテンツに表示することができます。

  1. レポート
  2. ダッシュボード
  3. ストーリーボード

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

ウィジェット

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

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

キャンバス属性

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

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

グリッド線

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

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

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

グリッド線のサイズ

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

グリッド線に合わせる

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

ガイド線

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

オプション説明
横軸

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

縦軸

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

ルーラーの表示

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

キャンバスサイズ

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

オプション説明
キャンバスの幅を、ピクセル単位で指定します。

高さ

キャンバスの高さを、ピクセル単位で指定します。
サイズの固定キャンバスのサイズを固定することで、デザインプロセス中にドラッグをしても、サイズを調整することができなくなります。

キャンバスデザイン

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

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

グラフウィジェット

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

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

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

オプション説明
編集レポートビルダーの「グラフ」ステップに戻ることで、選択したグラフの調整をします。ビルダーの「デザイン」ステップに進むことで、キャンバスに戻ることができます。
削除選択したグラフをキャンバスから削除します。グラフがレポートビルダーから完全に削除されるわけではありません。
オーダー

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

    • 最前面へ移動
    • 前面へ移動
    • 背面へ移動
    • 最背面へ移動
メニュー 選択したグラフの「グラフの属性」メニューを開き、様々なオプションを調整することができます。

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

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

オプション説明
高さと位置
X

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

Y

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

正確なサイズに調整するために、現在選択しているウィジェットの幅をピクセル単位で指定します。
高さ正確なサイズに調整するために、現在選択しているウィジェットの高さをピクセル単位で指定します。
条件付き書式
条件付き書式グラフに条件付き書式を適用するためには、こちらの設定を「有効」にします(注意:こちらの機能を有効にするためには、少なくとも2つのグラフが必要です)。
ウィジェットの名前グラフウィジェットの名前を入力します。
ルールを編集こちらをクリックして、グラフウィジェットに条件付き書式ルールを適用します。

テキストウィジェット

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

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

オプション説明
削除選択したテキストウィジェットをキャンバスから削除します。
オーダー

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

    • 最前面へ移動
    • 前面へ移動
    • 背面へ移動
    • 最背面へ移動
フォント選択したテキストウィジェットに、異なるフォントを適用します。
選択したテキストウィジェットに、異なる色を適用します。
サイズ選択したテキストウィジェットに、異なるフォントサイズを適用します。
メニュー選択したテキストの「テキストの属性」メニューを開き、様々なオプションを調整することができます。

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

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

オプション説明
テキスト
フォント選択したテキストウィジェットに、異なるフォントを適用します。
サイズ選択したテキストウィジェットに、異なるフォントサイズを適用します。
選択したテキストウィジェットに、異なる色を適用します。
スタイル

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

    • 太字
    • 斜体
    • アンダーライン
位置合わせ

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

中央
不透明度選択したテキストウィジェットのコンテンツの不透明度を定義します。値が高いほど、より濃く表示されます。
インデント選択したテキストウィジェットのコンテンツ内に、インデントを追加したり、削除したりします。
一覧スタイル選択したテキストウィジェットのコンテンツを、番号で一覧化したり、箇条書きにしたりします。
間隔
選択したテキストウィジェットのコンテンツの各行の間隔を定義します。値が高いほど、より間隔が大きくなります。
文字選択したテキストウィジェットの各文字の間隔を定義します。値が高いほど、より間隔が大きくなります。
高さと位置
X

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

のX座標を指定します。
Y

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

のY座標を指定します。
正確なサイズに調整するために、現在選択しているウィジェットの幅をピクセル単位で指定します。
高さ正確なサイズに調整するために、現在選択しているウィジェットの高さをピクセル単位で指定します。
回転ウィジェットを回転させる場合、時計回りの角度で指定します。

条件付き書式

条件付き書式テキストウィジェットに条件付き書式を適用するためには、こちらの設定を「有効」にします。
ウィジェットの名前テキストウィジェットの名前を入力します。
ルールを編集こちらをクリックして、テキストウィジェットに条件付き書式ルールを適用します。

イメージウィジェット

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

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

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

オプション説明
変更現在選択しているイメージウィジェットを、異なるイメージに変更します。
削除選択したイメージウィジェットを、キャンバスから削除します。
オーダー

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

    • 最前面へ移動
    • 前面へ移動
    • 背面へ移動
    • 最背面へ移動
メニュー選択したイメージウィジェットの「イメージの属性」メニューを開き、様々なオプションを調整することができます。

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

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

オプション説明
イメージオプション
不透明度選択したテキストウィジェットのイメージの不透明度を定義します。値が高いほど、より濃く表示されます。
アスペクト比元のアスペクト比を維持するかどうかを指定します。アスペクト比を維持するということは、元のイメージと同様の比率で拡大したり、縮小したりすることを意味します。こちらのオプションを無効にすると、イメージを垂直、または水平のいずれかの方向に引き伸ばすことができます。
高さと位置
X

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

Y

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

正確なサイズに調整するために、現在選択しているウィジェットの幅をピクセル単位で指定します。
高さ正確なサイズに調整するために、現在選択しているウィジェットの高さをピクセル単位で指定します。
回転ウィジェットを回転させる場合、時計回りの角度で指定します。

条件付き書式

条件付き書式イメージウィジェットに条件付き書式を適用するためには、こちらの設定を「有効」にします。
ウィジェットの名前イメージウィジェットの名前を入力します。
ルールを編集こちらをクリックして、イメージウィジェットに条件付き書式ルールを適用します。

図形ウィジェット

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

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

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

アイコン

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

 

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

オプション説明
削除選択した図形ウィジェットをキャンバスから削除します。
オーダー

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

    • 最前面へ移動
    • 前面へ移動
    • 背面へ移動
    • 最背面へ移動
塗りつぶしの色現在選択している図形ウィジェットに、異なる色を適用して塗りつぶすことができます。
枠線の色現在選択している図形ウィジェットに、異なる色を適用して枠線に色を付けることができます。 
枠線の幅現在選択している図形ウィジェットの枠線の幅を指定します。
メニュー選択した図形ウィジェットの「図形の属性」メニューを開き、様々なオプションを調整することができます。

図形ウィジェットの属性

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

オプション説明
図形オプション
塗りつぶしの色現在選択している図形ウィジェットに、異なる色を適用して塗りつぶすことができます。
枠線の色現在選択している図形ウィジェットに、異なる色を適用して枠線に色を付けることができます。
枠線の幅現在選択している図形ウィジェットの枠線の幅を指定します。
塗りつぶしの不透明度選択した図形ウィジェットの塗りつぶしの色の不透明度を定義します。値が高いほど、より濃く表示されます。
高さと位置
Xキャンバス上に正確に配置するために、現在選択しているウィジェットの左上隅のX座標を指定します。
Yキャンバス上に正確に配置するために、現在選択しているウィジェットの左上隅のY座標を指定します。
正確なサイズに調整するために、現在選択しているウィジェットの幅をピクセル単位で指定します。
高さ正確なサイズに調整するために、現在選択しているウィジェットの高さをピクセル単位で指定します。
回転ウィジェットを回転させる場合、時計回りの角度で指定します。
条件付き書式
条件付き書式図形ウィジェットに条件付き書式を適用するためには、こちらの設定を「有効」にします。
ウィジェットの名前図形ウィジェットの名前を入力します。
ルールを編集こちらをクリックして、図形ウィジェットに条件付き書式ルールを適用します。