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

Versions Compared

Key

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

...

Table of Contents
classcontents

...

概要

Styleclass
ClasstopLink

top

Displays images sized in such a way to correspond to a metric.

Chart Data Options

Option

Description

Label

This is the category label for the X axis

Image

This is the image file to be used for the shape of the infographic
Note: if you wish to use your own image you will need to make sure it has some transparency. Basically, any area of the image that has colour (of any shade) will be coloured in the chart, any transparent area will be left blank. You need some transparent area in order for the chart to be anything other than a large block shape.

Text Field

Optional: this is the value displayed directly above each image

Series

Typically a numeric value such as $. An item that you want to measure on your Chart

ページトップ

メトリックに対応するようにサイズが決められたイメージを表示します。

グラフデータオプション

オプション

説明

ラベル

X軸のカテゴリーラベル。

イメージ

これは、インフォグラフィックの形状に使用されるイメージファイルです。
注意: 専用のイメージを使用する場合は、それにある程度の透明性があることを確認してください。基本的に、(陰影の)色の付いたイメージのエリアは、グラフ内でも色付きとなり、半透明なエリアは空白のままになります。グラフをサイズの大きいブロック形状以外のものにするには、ある程度の半透明エリアが必要です。

テキストフィールド

オプション:これは各イメージの上に直接表示される値です。

シリーズ

金額などが代表的な数値型の値です。グラフ上で測定するアイテムです。

比較インフォグラフィックチュートリアル

...

Styleclass
ClasstopLink

topページトップ

Summary

In order to set up a Comparative Infographic Chart you will need:

  1. Create a report with chart display
    1. Select a field to use as the Label
    2. Select a field to use as the Series
  2. Create your chart, selecting Special Purpose as the type, and Comparative Infographic as the chart
  3. Provide the Label, Text Field, and Series options
  4. Select or Upload an image
  5. Refresh
  6. Customise the Chart as required
  7. Close the Chart Builder
  8. Save your report

...

サマリー

比較インフォグラフィックを設定するには、以下の手順を実行する必要があります:

  1. グラフ表示されるレポートを作成します。
    1. ラベル」として使用するフィールドを選択します。
    2. シリーズ」として使用するフィールドを選択します。
  2. タイプとして「特殊用途」、グラフとして「比較インフォグラフィック」を選択してグラフを作成します。
  3. ラベル」、「テキストフィールド」、および「シリーズ」オプションを入力します。
  4. イメージを選択するかアップロードします。
  5. 更新
  6. 必要に応じてグラフをカスタマイズします。
  7. 閉じる」をクリックしてグラフビルダーを閉じます。
  8. レポートを「保存」します。

チュートリアル

Section
Column
width30%

1. Click on the Create link and select Report to begin building your report. 作成」リンクをクリックして、「レポート」を選択しレポートの作成を開始します。

Column
width70%

Section
Column
width30%

2. You should now be on the Initialise Report page. Select the Drag and Drop Builder as the build tool. 「レポートの初期化」ページが表示されます。作成ツールとして「ドラッグ&ドロップで作成」を選択します。

Column
width70%

Section
Column
width30%

3. Select ビューとして「Ski Team as the View.」を選択します。

4. Now click the Image Removed button to proceed. Image Added 」ボタンをクリックして次に進みます。

Column
width70%

Section
Column
width30%

5. You should now be on the Step 1. Report Data page. To start with, set the Output Options to Chart Only by selecting it in the Report Options section on the right. This will ensure that the information appears as a chart. ステップ1. レポートデータ」ページが表示されます。まず、出力オプションを「グラフのみ」に設定します(右側の「レポートのオプション」セクションで選択します)。これにより、グラフだけが表示されます。

Column
width70%

Section
Column
width30%

6. On the Report Data page, drag and drop the 「レポートデータ」ページで、「 Demographic and 」と「 Athlete ID fields into the Column Fields area. 」をカラム(列)フィールドエリアにドラッグ&ドロップします。

7. Select the Athlete ID field and add a 」フィールドを選択し、「 Count Distinct aggregation to it. 」集計を追加します。

8. Click on Image Removed at the top of the page. ページ上部の「 Image Added」をクリックします。

Column
width70%

Section
Column
width30%

9. On the Report Preview page click on the Pie Chart image as before.

10. Click on the Chart Menu and select Special Purpose as the Chart Type and Comparative Infographic as the subtype (click on the picture on the left).

「レポートプレビュー」ページで、前と同様に「円グラフ」のイメージをクリックします。

10.グラフ」メニューをクリックして、グラフのタイプとして「特殊用途」、サブタイプとして「比較インフォグラフィック」(左側の図をクリック)を選択します。

11.保存」をクリックして、比較インフォグラフィックグラフのオプションをロードします。11. Click Save to load the options for a Comparative Infographic Chart.

Column
width70%

Section
Column
width30%

12. Set the Chart Data settings. 「グラフデータ」の設定値を設定します。

13. Select Demographic for the Label. ラベルとして「Demographic」を選択します。

14. Select テキストフィールドとシリーズとして「Count Athlete ID as the Text Field and the Series.」を選択します。

Column
width70%

Section
Column
width30%

15. Click on the Image Manager link to select your image file. イメージ管理」リンクをクリックして、イメージファイルを選択します。

16. Select the Ski Lift image.
Note: this image is already in the system, installed with the sample Ski Team content. If you wish to use your own image you will need to make sure it has some transparency. Basically, any area of the image that has colour (of any shade) will be coloured in the chart, any transparent area will be left blank. You need some transparent area in order for the chart to be anything other than a large block shape.」イメージを選択します。
注意: このイメージはすでにシステム内に存在し、Ski Teamのサンプルコンテンツとともにインストールされています。専用のイメージを使用する場合は、それにある程度の透明性があることを確認してください。基本的に、(陰影の)色の付いたイメージのエリアは、グラフ内でも色付きとなり、半透明なエリアは空白のままになります。グラフをサイズの大きいブロック形状以外のものにするには、ある程度の半透明エリアが必要です。

17.更新」をクリックして、グラフを生成します。17. Click Refresh to generate your chart.

Column
width70%

Section
Column
width30%

18. Resize your chart so that it looks correct. You should now have a chart that looks like the one pictured here. 正しく表示されるようにグラフのサイズを調整します。これで図に示すようなグラフが作成されました。

Column
width70%

Section
Column
width30%

19. ここでグラフを「保存」し、「有効化」する必要があります。「閉じる」ボタンをクリックして、「レポートプレビュー」ページに戻ります。

20.保存」メニューをクリックして、「 You now need to Save and Activate your chart. Click on the Close button to go back to the Report Preview page.20. Click on the Save Menu and use Comparative Infographic Chart Tutorial as the Name.」という名前を付けます。

21. Type 説明として「This Comparative Infographic Chart was created using the Charts Tutorial as the Description.」と入力します。

22. Enter Tutorial as the Category and Charts as the Sub Category. カテゴリーとして「チュートリアル」、サブカテゴリーとして「グラフ」と入力します。

23. Click Activate. 「有効化」をクリックします。

Column
width70%



horizontalrule
Styleclass
ClasstopLink

topページトップ