Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Wiki Markup
{anchor:top}
{toc: class=contents}

h2. Overview概要
{styleclass: Class=topLink}[topページトップ|#top]
{styleclass}

||Type タイプ ||Icon アイコン ||When to主な用途 Use||
| *Vertical縦棒グラフ* Column*| !chart_column.png! |You want to highlight values for easy comparison and plot your numbers vertically. Use a column chart to place less emphasis on time and focus on comparing values.|
|*3D Vertical Bar*|数値を横に並べ、高さによってその比較を行います。時間の経過よりも値の比較に重きを置く場合に適しています。 |
| *3D縦棒グラフ* | !chart_column3d.png! |Similar to the vertical bar chart, but in three dimensional form.|
|*Stacked Vertical Bar*|縦棒グラフと似ていますが、3次元で表示されます。 |
| *積み上げ縦棒グラフ* | !chart_column_stacked.png! |Also referred積み上げカラムグラフとも呼ばれます。全体に占める割合を見る時に使用します。 to as stacked column charts and used when part-to-whole comparison is important.|
|*Cylinder*||
| *シリンダーグラフ* | !chart_column_cylinder.png! |Similar to the vertical bar, but having chart components shown in cylindrical form.|
|*3D Stacked Vertical Bar*|縦棒グラフと似ていますが、グラフ要素が円柱で表示されます。 |
| *3D積み上げ縦棒グラフ* | !chart_column_stacked3d.png! |Similar to the 3d stacked vertical bar chart, but in three dimensional form.|
|*Layered*|積み上げ縦棒グラフと似ていますが、3次元で表示されます。 |
| *重ねグラフ* | !chart_column_layered.png! |Compares the contribution of each value to a total across categories. グラフを重ねることによりカテゴリーを通してそれぞれの値を比較します。 |

h3. Chart Dataグラフデータオプション
Options
||Option オプション ||Description 説明 ||
|Label|This isラベル the| category label for the X axisX軸のカテゴリーラベル。 |
|Series|Typically aシリーズ numeric value such as $.  An item that you want to measure on your Chart| $などが代表的な数値型の値です。グラフ上で測定するアイテムです。 |
|Colour|This option is only available if you have a cross tab data set available and is used to determine the colour applied for cross tab series data.| このオプションはクロス集計のデータがある場合にだけ使用できます。このオプションでクロス集計のシリーズデータに適用する色を指定します。 |

h2. Columnカラムグラフチュートリアル
Chart Tutorial
{styleclass: Class=topLink}[topページトップ|#top]
{styleclass}

h3. Summaryサマリー
In order to set up a Column Chart you will need:
# Create a report with chart display
## Select a field to use as the *Label*
## Select a field to use as the *Metric*
## Select a field to use as the *Colour* (if you have decided to create a cross tab report)
# Create your chart, selecting *Column* as the type
# Provide the *Label*, *Metric*, and *Colour* options and *Refresh*
# Customise the Chart as required
# *Close* the Chart Builder
# *Save* your report


h3. Tutorial
The following Column Chart tutorial can be used for any of the above listed Column Charts, with the exception of the Stacked and Layered options, which simply requires the report to be changed to a cross tab in order to be implemented.


カラムグラフを設定するには、以下の手順を実行する必要があります:
# グラフ表示されるレポートを作成します。
## 「*ラベル*」として使用するフィールドを選択します。
## 「*メトリック*」として使用するフィールドを選択します。
## 「*色*」として使用するフィールドを選択します(クロス集計レポートを作成することに決定している場合)。
# タイプとして「*カラム*」を選択してグラフを作成します。
# 「*ラベル*」、「*メトリック*」、および「*色*」オプションを入力し、「*更新*」をクリックします。
# 必要に応じてグラフをカスタマイズします。
# 「*閉じる*」をクリックしてグラフビルダーを閉じます。
# レポートを「*保存*」します。


h3. チュートリアル

以下のカラムグラフチュートリアルは、積み上げオプションと重ねオプションを除き、前述のカラムグラフのいずれでも使用できます。積み上げオプションと重ねオプションを実装する場合は、レポートをクロス集計に変更する必要があるだけです。

{section}
{column: width=30%}
*1.* Click on the *Create* link and select *Report* to begin building your report.
「*作成*」リンクをクリックして、「*レポート*」を選択しレポートの作成を開始します。
{column}
{column: width=70%}
!01.png! 
{column}
{section}

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

{column}
{section}

{section}
{column: width=30%}
*3.* Select ビューとして「*Ski Team* as the View.

」を選択します。

*4.* Now click the !step_right_on.png! button to proceed.」ボタンをクリックして次に進みます。
{column}
{column: width=70%}
!2a.png|thumbnail,border=1! 
{column}
{section}

{section}
{column:width=30%}
*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}
{column:width=70%}
!3.png!
{column}
{section}
	

{section}
{column:width=30%}
*6.* Now you need to add metrics to your report. Click on the ここで、メトリックをレポートに追加する必要があります。「*Time*」カテゴリーの横にある「 !expand.gif! next」をクリックしてそれを展開します。
to
the *Time* category to expand it. 

*7.* Drag and drop the !rpt_dim.png! *Year* field into the *Columns* area. 

」フィールドを{*}カラム(列)*エリアにドラッグ&ドロップします。

*8.* Now expand the  ここで、「*Athlete Payment* category and drag and drop the 」カテゴリーを展開し、「 !rpt_metric.png! *Invoice Estimate* dimension into the *Columns* area below 」ディメンションをカラム(列)エリアの「*Year*. You will notice that the icon has changed to」の下にドラッグ&ドロップします。アイコンが !rpt_metric_sum.png!, this is because the default aggregation for this field has been set to に変わったことがわかります。これは、このフィールドのデフォルトの集計がビューの中で「*SUM*」に設定されたためです。
in the
view. 

*9.* Click onページ上部の「 !step_right_on.png! at the top of the page to move to the next step. 
」をクリックし、次のステップに移行します。
{column}
{column:width=70%}
!4.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*10.* You should now be on the Report Preview page. Click on the image of a Pie Chart (pictured here) to go to the Chart Builder page to setup your chart.
「レポートプレビュー」ページが表示されます。円グラフ(ここに示します)のイメージをクリックし、「グラフビルダー」ページに移動してグラフを設定します。
{column}
{column:width=70%}
!ChartClick.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*11.* Click on the *Chart* Menu, select *Column* as the Chart Type and click on the picture of the *Vertical Bar* Chart to select it. 

「*グラフ*」メニューをクリックして、グラフタイプとして「*カラム*」を選択し、*縦棒グラフ{*}の図をクリックしてそれを選択します。

*12.* Click *Save保存*, this will load the options for a Column Chart. 
」をクリックして、カラムグラフのオプションをロードします。
{column}
{column:width=70%}
!5.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*13.* In the *Chart Data* section you will need to select the data for each setting in the chart.

「*グラフデータ*」セクションで、グラフの設定値ごとにデータを選択する必要があります。

*14.* Set the Label to ラベルとして「*Year*.」を選択します。


*15.* Set the Series to シリーズを「*Sum Invoice Estimate*. 」に設定します。

*16.* Click *Refresh更新* to generate your chart.
」をクリックして、グラフを生成します。
{column}
{column:width=70%}
!6a.png!
{column}
{section}

{section}
{column:width=30%}
*17.* You should now have a chart that looks like the one pictured. これで図に示すようなグラフが作成されました。

*18.* You now need to *Save* and *Activate* your chart. Click on the  ここでグラフを「保存」し、「有効化」する必要があります。「 !menu_close.png! *Close閉じる* button to go back to the Report Preview page.
」ボタンをクリックして、「レポートプレビュー」ページに戻ります。
{column}
{column:width=70%}
!7.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*19.* It is now time to save your report. Click on the *Report* Menu and select *Save*.ここで、レポートを保存します。「*レポート*」メニューをクリックして「*保存*」を選択します。

*20.* Type 名前として「*Column Chart Tutorial* as the Name, and 」と入力し、説明として「*This Column Chart was created using the Charts Tutorial* as the Description.」と入力します。

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

*22.* Click *Activate有効化*.」をクリックします。
{column}
{column:width=70%}
!8.png|thumbnail,border=1!
{column}
{section}


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