Page Comparison

{anchor:top}
{toc: class=contents}

h2. Overview 概要
{styleclass: Class=topLink}[topページトップ|#top]{styleclass}
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:
# Reports
# Dashboards
# Storyboards がまとめて表示され、グラフのコンテンツを拡張する広範なウイジェットも表示されます。マルチグラフのキャンバスは、以下の場所に表示するために使用できます。
# レポート
# ダッシュボード
# ストーリーボード

!05dashboard.png|thumbnail,border=1!

To add a Multi-Chart Canvas to a dashboard or storyboard, use the same steps you would with any normal single chart report.


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



h2. キャンバスの要素
{styleclass: Class=topLink}[topページトップ|#top]{styleclass}
Theマルチグラフのキャンバスには、さまざまなウイジェットだけでなく、ビルダーの「グラフ」ステップで作成したグラフも含めることができます。
Multi-Chart
Canvas
can contain various widgets as well as charts created in the Charts step of the builder.

h3. Chartsグラフ
Any chart created during the Charts step of the report builder can be added to a Multi-Chart canvas. To add a chart to the canvas:

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

{expand:title=Click to view instructions...クリックして指示を表示します。}
# Click on the Multi-Charts Objects panel on the left of the Output step to view a list of available charts and widgets.
# Select the chart you wish to add and drag it onto the canvas.
「表示」ステップの左側にある「マルチグラフオブジェクト」パネルをクリックして、使用可能なグラフおよびウイジェットの一覧を表示します。
# 追加するグラフを選択してキャンバス上にドラッグします。
!02canvasAddChart.png|thumbnail,border=1!
{expand}

h3. Imageイメージ
Images can be added to the canvas to add context to the data shown. To add an image to the canvas:
キャンバスにイメージを追加して、表示されているデータを理解しやすくすることができます。キャンバスにイメージを追加するには：

{expand:title=Click to view instructions...クリックして指示を表示します。}
# Click on the Multi-Charts Objects panel on the left of the Output step to view a list of available charts and widgets.
# Select the Image widget and drag it onto the canvas.
「表示」ステップの左側にある「マルチグラフオブジェクト」パネルをクリックして、使用可能なグラフおよびウイジェットの一覧を表示します。
# 「イメージ」ウイジェットを選択してキャンバス上にドラッグします。
!02canvasAddImage.png|thumbnail,border=1!
# Click the Select Image icon on the widget to choose an image file.
ウイジェットの「イメージの選択」アイコンをクリックして、イメージファイルを選択します。
!02selectImage.png!
# Choose an image file, or upload a new image.イメージファイルを選択するか、または新しいイメージをアップロードします。
# You will now have the selected image displayed in the widget.
選択したイメージがウイジェットに表示されます。
!02showImage.png!
{expand}

h3. 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:title=Click to view instructions...クリックして指示を表示します。}
# Click on the Multi-Charts Objects panel on the left of the Output step to view a list of available charts and widgets.
# Select the Text widget and drag it onto the canvas.
# Click the Edit Text icon on the widget to choose an image file.
表示」ステップの左側にある「マルチグラフオブジェクト」パネルをクリックして、使用可能なグラフおよびウイジェットの一覧を表示します。
# 「テキスト」ウイジェットを選択してキャンバス上にドラッグします。
# ウイジェットの「テキストの編集」アイコンをクリックして、テキストを編集します。
!02editText.png!
# Type the text you wish to use in the widget and apply formatting as required.
# Click the Edit Text icon again to save the changes.ウイジェットで使用するテキストを入力し、必要に応じて書式設定を適用します。
# 「テキストの編集」アイコンを再度クリックして、変更を保存します。
!02saveText.png!
# You will now have the text displayed in the widget.
テキストがウイジェットに表示されます。
!02showText.png!
{expand}

h3. Rectangle長方形
Rectangles
canキャンバスに長方形を追加して、他のウイジェットの周囲または背後で使用できます。キャンバスに長方形を追加するには：
be
added to the canvas for use around or behind other widgets. To add a rectangle to the canvas:
{expand:title=Click to view instructions...クリックして指示を表示します。}
# Click on the Multi-Charts Objects panel on the left of the Output step to view a list of available charts and widgets.
# Select the Rectangle widget and drag it onto the canvas.
# Click the Border icon on the widget to define a colour for the outline of the rectangle.
「表示」ステップの左側にある「マルチグラフオブジェクト」パネルをクリックして、使用可能なグラフおよびウイジェットの一覧を表示します。
# 「長方形」ウイジェットを選択してキャンバス上にドラッグします。
# ウイジェットの「境界線」アイコンをクリックして、長方形の外枠の色を定義します。
!02setBorder.png!
# Click the Fill icon on the widget to define a colour for the middle of the rectangle.
ウイジェットの「塗りつぶし」アイコンをクリックして、長方形の内側の色を定義します。
!02setFill.png!
# Adjust the size and position of the rectangle as needed. 必要に応じて長方形のサイズおよび位置を調整します。

bq. See [詳細については [要素のアクション|#Component Actions] forを参照してください。
more information.
{expand}

h3. Iconアイコン
Icons
can beアイコンを使用して、グラフに表示されているデータを理解しやすくし、データに注意が向けられるようにすることができます。キャンバスにアイコンを追加するには：
used
to add context and draw attention to data displayed in charts. To add an icon to the canvas:
{expand:title=Click to view instructions...クリックして指示を表示します。}
# Click on the Multi-Charts Objects panel on the left of the Output step to view a list of available charts and widgets.「表示」ステップの左側にある「マルチグラフオブジェクト」パネルをクリックして、使用可能なグラフおよびウイジェットの一覧を表示します。
# Select the Icon widget and drag it onto the canvas.
# Click the Select Icon option on the widget to define the icon used.
「アイコン」ウイジェットを選択してキャンバス上にドラッグします。
# ウイジェットの「アイコンの選択」オプションをクリックして、使用するアイコンを定義します。
!02selectIcon.png!
# Click the Select Icon Colour option to define the colour of the icon used.
「アイコンの色の選択」オプションをクリックして、使用するアイコンの色を定義します。
!02selectIconColour.png!
# Adjust the size and position of the rectangle as needed.必要に応じて長方形のサイズおよび位置を調整します。

bq. See [詳細については、 [要素のアクション|#Component Actions] for more information.を参照してください。
# You will now have an icon displayed in the widget.
アイコンがウイジェットに表示されます。
!02showIcon.png!
{expand}
{color:#CC0000#cc0000}{*Note}注意:*{color} icons will not appear in exports or emailed versions of the multi-chart canvas. 


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


h2. 要素のアクション
{styleclass: Class=topLink}[topページトップ|#top]{styleclass}

h3. 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.

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

h3. 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.

h3. 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.

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

h3. 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.

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

h3. 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.
キャンバスに追加したグラフおよびウイジェットは、不要になった場合に削除できます。「*削除*」アイコンをクリックして、キャンバスから項目を削除します。
!03delete.png!


h2. Canvas Actionsキャンバスのアクション
{styleclass: Class=topLink}[topページトップ|#top]{styleclass}

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

h3. 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.

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

h3. Edit編集
In order to edit an active canvas, the edit button will need to be clicked.
有効なキャンバスを編集するには、「編集」ボタンをクリックする必要があります。
!04edit.png!

h3. Resize Guidesリサイズガイド
When the canvas is being resized by the user guides are displayed to show the standard dashboard and storyboard boundaries. This gives the user an idea of the sizing in relation to where the canvas will be finally displayed.

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


!04guide2.png!

\\
\\
{horizontalrule}
{styleclass: Class=topLink}[topページトップ|#top]{styleclass}