Versions Compared

Version Old Version 7 New Version 8
Changes made by

Yellowfin Admin

Yellowfin Admin

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Anchor
top
top

Table of Contents
classcontents

Overview

This canvas is where マルチグラフ are displayed together, along with a range of available widgets to enhance the chart content. A Multi-Chart canvas can be used for display on:

  1. Reports
  2. Dashboards
  3. Storyboards

Image Removed

...

概要

キャンバスにマルチグラフと一緒にウイジェットを表示することによって、グラフのコンテンツを拡張することができます。マルチグラフのキャンバスは、以下の場所に表示することができます。

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

Image Added

ダッシュボードまたはストーリーボードにマルチグラフのキャンバスを追加するには、通常の単一グラフレポートと同じステップを実行します。

 

Wiki Markup
{html}<iframe width="700" height="394" src="https://www.youtube.com/embed/z7FvlSHZtcE?color=white" frameborder="0" allowfullscreen></iframe>{html}
 

Canvas Components

...

キャンバスの構成要素

マルチグラフのキャンバスには、さまざまなウイジェットだけでなく、ビルダーの「グラフ」ステップで作成したグラフも含めることができます。

 

Wiki Markup
{html}<iframe width="700" height="394" src="https://www.youtube.com/embed/F7CuXse8iAk?color=white" frameborder="0" allowfullscreen></iframe>{html}
 

Charts

...

グラフ

レポートビルダーの「グラフ」ステップで作成したグラフをマルチグラフのキャンバスに追加できます。キャンバスにグラフを追加するには：

Expand
titleClick to view instructions...
  1. Click on the Multi-Charts Objects panel on the left of the Output step to view a list of available charts and widgets.
  2. Select the chart you wish to add and drag it onto the canvas.
    Image Removed

Image

...

クリックして手順を表示します。
  1. 「表示」ステップの左側にある「マルチグラフオブジェクト」パネルをクリックして、使用可能なグラフおよびウイジェットの一覧を表示します。
  2. 追加するグラフを選択してキャンバス上にドラッグします。
    Image Added

イメージ

キャンバスにイメージを追加して、表示されているデータを理解しやすくすることができます。

 

Wiki Markup
{html}<iframe width="700" height="394" src="https://www.youtube.com/embed/kWwFAGOrEvw?color=white" frameborder="0" allowfullscreen></iframe>{html}
 

To add an image to the canvas:キャンバスにイメージを追加するには：

Expand
titleClick to view instructions...
  1. Click on the Multi-Charts Objects panel on the left of the Output step to view a list of available charts and widgets.
  2. Select the Image widget and drag it onto the canvas.
    Image Removed
  3. Click the Select Image icon on the widget to choose an image file.
    Image Removed
  4. Choose an image file, or upload a new image.
  5. You will now have the selected image displayed in the widget.
    Image Removed

Text

Text can be added to the canvas to add context, heading, or notes related to the data shown in charts. To add text to the canvas:

Expand
titleClick to view instructions...
  1. Click on the Multi-Charts Objects panel on the left of the Output step to view a list of available charts and widgets.
  2. Select the Text widget and drag it onto the canvas.
  3. Click the Edit Text icon on the widget to choose an image file.
    Image Removed
  4. Type the text you wish to use in the widget and apply formatting as required.
  5. Click the Edit Text icon again to save the changes.
    Image Removed
  6. You will now have the text displayed in the widget.
    Image Removed

Rectangle

Rectangles can be added to the canvas for use around or behind other widgets. To add a rectangle to the canvas:

Expand
titleClick to view instructions...
  1. Click on the Multi-Charts Objects panel on the left of the Output step to view a list of available charts and widgets.
  2. Select the Rectangle widget and drag it onto the canvas.
  3. Click the Border icon on the widget to define a colour for the outline of the rectangle.
    Image Removed
  4. Click the Fill icon on the widget to define a colour for the middle of the rectangle.
    Image Removed
  5. Adjust the size and position of the rectangle as needed.

    See #Component Actions for more information.

Icon

Icons can be used to add context and draw attention to data displayed in charts. To add an icon to the canvas:

Expand
titleClick to view instructions...
  1. Click on the Multi-Charts Objects panel on the left of the Output step to view a list of available charts and widgets.
  2. Select the Icon widget and drag it onto the canvas.
  3. Click the Select Icon option on the widget to define the icon used.
    Image Removed
  4. Click the Select Icon Colour option to define the colour of the icon used.
    Image Removed
  5. Adjust the size and position of the rectangle as needed.

    See #Component Actions for more information.

  6. You will now have an icon displayed in the widget.
    Image Removed

Note: icons will not appear in exports or emailed versions of the multi-chart canvas.

Component Actions

Resize

In order to resize a chart or widget added to the Multi-Chart Canvas, simply drag the bottom-right corner of the component to the desired size.
Image Removed

Reposition

In order to reposition a chart or widget added to the Multi-Chart Canvas, simply click and drag the component to the required area of the canvas.

Send to Back

The order of items displayed on the canvas can be changed by sending some items to the back and others to the front. Click the Send to Back icon on an item you wish to be displayed underneath another.
Image Removed

Bring to Front

The order of items displayed on the canvas can be changed by sending some items to the back and others to the front. Click the Bring to Front icon on an item you wish to be displayed on top of another.
Image Removed

Delete

Once added to the canvas, charts and widgets can be deleted if they are no longer required. Click on the Delete icon to remove an item from the canvas.
Image Removed

Canvas Actions

Shrink to Fit

Once all the required content has been added to, and positioned on the canvas you have the option to shrink the canvas size to fit the components. This removes any empty space around the edges of the canvas.
Image Removed

Activate

Once all the required content has been added to the canvas and any sizing and position adjustments have been made, the canvas should be activated.
Image Removed

Edit

In order to edit an active canvas, the edit button will need to be clicked.
Image Removed

Resize Guides

...

クリックして手順を表示します。
  1. 「表示」ステップの左側にある「マルチグラフオブジェクト」パネルをクリックして、使用可能なグラフおよびウイジェットの一覧を表示します。
  2. 「イメージ」ウイジェットを選択してキャンバス上にドラッグします。
    Image Added
  3. ウイジェットの「イメージの選択」アイコンをクリックして、イメージファイルを選択します。
    Image Added
  4. イメージファイルを選択するか、または新しいイメージをアップロードします。
  5. 選択したイメージがウイジェットに表示されます。
    Image Added

テキスト

キャンバスにテキストを追加して、グラフに表示されているデータを理解しやすくしたり、ヘッダーや注意を追加したりすることができます。キャンバスにテキストを追加するには：

Expand
titleクリックして手順を表示します。
  1. 「表示」ステップの左側にある「マルチグラフオブジェクト」パネルをクリックして、使用可能なグラフおよびウイジェットの一覧を表示します。
  2. 「テキスト」ウイジェットを選択してキャンバス上にドラッグします。
  3. ウイジェットの「テキストの編集」アイコンをクリックして、テキストを編集します。
    Image Added
  4. ウイジェットで使用するテキストを入力し、必要に応じて書式設定を適用します。
  5. 「テキストの編集」アイコンを再度クリックして、変更を保存します。
    Image Added
  6. テキストがウイジェットに表示されます。
    Image Added

長方形

キャンバスに長方形を追加して、他のウイジェットの周囲または背後で使用できます。キャンバスに長方形を追加するには：

Expand
titleクリックして手順を表示します。
  1. 「表示」ステップの左側にある「マルチグラフオブジェクト」パネルをクリックして、使用可能なグラフおよびウイジェットの一覧を表示します。
  2. 「長方形」ウイジェットを選択してキャンバス上にドラッグします。
  3. ウイジェットの「境界線」アイコンをクリックして、長方形の外枠の色を定義します。
    Image Added
  4. ウイジェットの「塗りつぶし」アイコンをクリックして、長方形の内側の色を定義します。
    Image Added
  5. 必要に応じて長方形のサイズおよび位置を調整します。

    詳細については、#構成要素の操作を参照してください。

アイコン

アイコンを使用して、グラフに表示されているデータを理解しやすくし、データに注意が向けられるようにすることができます。キャンバスにアイコンを追加するには：

Expand
titleクリックして手順を表示します。
  1. 「表示」ステップの左側にある「マルチグラフオブジェクト」パネルをクリックして、使用可能なグラフおよびウイジェットの一覧を表示します。
  2. 「アイコン」ウイジェットを選択してキャンバス上にドラッグします。
  3. ウイジェットの「アイコンの選択」オプションをクリックして、使用するアイコンを定義します。
    Image Added
  4. 「アイコンの色の選択」オプションをクリックして、使用するアイコンの色を定義します。
    Image Added
  5. 必要に応じて長方形のサイズおよび位置を調整します。

    詳細については、#構成要素の操作を参照してください。

  6. アイコンがウイジェットに表示されます。
    Image Added

注意：アイコンは、エクスポートまたは電子メールで送信されたマルチグラフのキャンバスには表示されません。

構成要素の操作

リサイズ

マルチグラフのキャンバスに追加したグラフまたはウイジェットをリサイズするには、その要素の右下隅をドラッグして目的のサイズにします。

Image Added

再配置

マルチグラフのキャンバスに追加したグラフまたはウイジェットを再配置するには、その要素をキャンバス上の目的の領域までドラッグします。

背面へ移動

キャンバスに表示されている項目の順序を変更するには、一部の項目を背面に移動し、別の項目を前面に移動します。別の項目の背面に表示する項目で「背面へ移動」アイコンをクリックします。

Image Added

前面へ移動

キャンバスに表示されている項目の順序を変更するには、一部の項目を背面に移動し、別の項目を前面に移動します。別の項目の前面に表示する項目で「前面へ移動」アイコンをクリックします。

Image Added

削除

キャンバスに追加したグラフおよびウイジェットは、不要になった場合に削除できます。「削除」アイコンをクリックして、キャンバスから項目を削除します。

Image Added

キャンバスのアクション

フィットするまで縮小する

必要なすべてのコンテンツをキャンバスに追加および配置した後に、要素に合わせてキャンバスサイズを縮小できます。これにより、キャンバスの周りの何も表示されないスペースが除去されます。

Image Added

有効化

キャンバスに必要なすべてのコンテンツを追加し、サイズや位置を調整した後に、キャンバスを有効化する必要があります。

Image Added

編集

有効化されたキャンバスを編集するには、「編集」ボタンをクリックする必要があります。

Image Added

リサイズガイド

ユーザーがキャンバスをリサイズする場合は、標準ダッシュボードおよびストーリーボードの境界を示すガイドが表示されます。これにより、ユーザーはキャンバスが最終的に表示される位置に合わせてサイズを変更できます。