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

Versions Compared

Key

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

...

Table of Contents
classcontents

...

概要

Styleclass
ClasstopLink

top

Displays segments on an image, with the segment size representing metric value.

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.

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 Proportional 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 Proportional Infographic as the chart
  3. Provide the Label 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 「レポートデータ」ページで、「 Camp Name and 」と「 Athlete ID fields into the Column Fields area. 」フィールドをカラム(列)フィールドエリアにドラッグ&ドロップします。

7. Drag and drop the Camp Country field into the Filters area. 」フィールドをフィルターエリアにドラッグ&ドロップします。

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

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

Column
width70%

Section
Column
width30%

10. On the Filters page, set Camp Country to be Equal to. フィルターページで、「Camp Country」を「等しい(=)」に設定します。

11. Click on the Image Removed link to set the value. Image Added 」リンクをクリックして値を設定します。

12. Select Japan. In this case, we are only interested in seeing camps from Japan so that the results relate to our choice of image. Japan」を選択します。この場合、結果が選択したイメージに関連するように、Japanのキャンプ場を確認することにのみ着目します。

13.送信・実行」をクリックして、変更内容を保存します。13. Click Submit to save your changes.

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

Column
width70%

Section
Column
width30%

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

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

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

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

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

Column
width70%

Section
Column
width30%

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

19. Select ラベルとして「Camp Name for the Label.」を選択します。

20. Select シリーズとして「Count Athlete ID as the Series.」を選択します。

Column
width70%

Section
Column
width30%

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

22. Select the Kyoto Skyline 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のサンプルコンテンツとともにインストールされています。専用のイメージを使用する場合は、それにある程度の透明性があることを確認してください。基本的に、(陰影の)色の付いたイメージのエリアは、グラフ内でも色付きとなり、半透明なエリアは空白のままになります。グラフをサイズの大きいブロック形状以外のものにするには、ある程度の半透明エリアが必要です。

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

Column
width70%

Section
Column
width30%

24. 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%

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

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

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

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

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

Column
width70%



horizontalrule
Styleclass
ClasstopLink

topページトップ