Page Comparison

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

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

||Type タイプ ||Icon アイコン ||When to主な用途 Use||
| *Meterメーターグラフ* | !chart_meter.png! |You want to measure the rate of change of a measure against pre-defined targets.  Useful for dashboard reporting.|
|*Thermometer*|あらかじめ設定された目標に対する達成率を表現できます。ダッシュボードで使うのが効果的です。 |
| *温度計* | !chart_meter_therm.png! |Vertical representation of the meter chart, indicating a range of qualitative indicators.|
|*Dial*|メーター図を縦に表現した図です。量・数値指標の範囲をわかりやすく示します。 |
| *ダイアル* | !chart_meter_dial.png! |Used to業績評価指標（KPI）をモニターするために使用します。 communicate key performance indicators.|
| |*数字表示*Numeric Display*| !chart_big_num.png! |Shows the value of a metric on a digital display.メトリック（数値）の値をデジタルで表示します。 |

h3. Chart Dataグラフデータオプション
Options
||Option オプション ||Description 説明 ||
|Series|Typically aシリーズ numeric value such as $.  An item that you want to measure on your Chart| 金額などが代表的な数値型の値です。グラフ上で測定するアイテムです。 |


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

h3. Summaryサマリー
In
order to set up a Meter Chart you will need:
# Create a report with chart display
## Select a field to use as the *Metric*
# Create your chart, selecting *Meter* as the type
# Provide the *Metric* option and *Refresh*
# Customise the Chart as required
# *Close* the Chart Builder
# Apply Conditional Formatting if the chart requires it
# *Save* your report

h3. Tutorialメーターグラフを設定するには、以下の手順を実行する必要があります：
# グラフ表示されるレポートを作成します。
## 「*メトリック(数値)*」として使用するフィールドを選択します。
# タイプとして「*メーターグラフ*」を選択してグラフを作成します。
# 「*メトリック(数値)*」オプションを入力し、「*更新*」をクリックします。
# 必要に応じてグラフをカスタマイズします。
# 「*閉じる*」をクリックしてグラフビルダーを閉じます。
# グラフに必要な場合は、条件付き書式を適用します。
# レポートを「*保存*」します。

h3. チュートリアル
{section}
{column:width=30%}
*1.* Start creating a chart as you did with the other charts by clicking on the 他のグラフと同様に、「{color:#357CB6#357cb6}Create作成{color} link.」リンクをクリックしてグラフの作成を開始します。

*2.* On the Report Data page, drag and drop the 「レポートデータ」ページで、「 !rpt_metric.png! *Invoiced (Pref Currency)* metric into the *Column Fields* area, and the 」を{*}カラム（列）*フィールドエリアにドラッグし、「 !rpt_dim.png! *Invoiced Date* field into the *Filters* area.」をフィルターエリアにドラッグします。

*3.* Make sure that you select the *Chart Only* option as you have for the other charts.他のグラフの場合と同様に、「*グラフのみ*」オプションが選択されていることを確認します。

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

{section}
{column:width=30%}
*5.* On the *Filters* page, set *フィルター{*}ページで、「*Invoiced Date* to be *Greater than or equal to*.」を「*以上（≧）*」に設定します。

*6.* Click on the 「{color:#357CB6#357cb6}Change変更{color} link to set the value.」リンクをクリックして値を設定します。

*7.* Select 「*Current現在の日付 Date -- 1 Year年*. 」のように選択します。

{color:#C00000#c00000}{*Note:}注意：*{color} You may need to change the number of years to get results. Try 2, 3, etc. until there is sample data.

結果を得るために年数を変更する必要が生じる場合があります。サンプルデータが得られるまで、2、3などを試してください。

*8.* Click 「*Submit* to save your changes.

送信・実行*」をクリックして、変更内容を保存します。

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

{section}
{column:width=30%}
*10.* On the Report Preview page, click on the Pie Chart image as before.

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

*11.* Click on the *Chart* Menu and select *Meter* as the Chart Type and *Meter* as the subtype (click on the picture on the left).「*グラフ*」メニューをクリックして、グラフのタイプとして「*メーターグラフ*」、サブタイプとして「*メーターグラフ*」を選択します（左側の図をクリック）。

*12.* Click 「*Save* to load the options for a *Meter Chart*.保存*」をクリックして、*メーターグラフ{*}のオプションをロードします。
{column}
{column:widhth=70%}
!10.png|thumbnail,border=1!
{column}
{section}
	 
{section}
{column:width=30%}
*13.* Set「グラフデータ」の設定値を設定します。
the
Chart Data settings.

*14.* Select メトリック(数値)として「*Sum Invoiced (Pref Currency)* for」を選択します。
the
Metric. 

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

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

*17.* Click on the「 !menu_close.png! *Close* button to go back to the Report Preview page.閉じる*」ボタンをクリックして、「レポートプレビュー」ページに戻ります。
{column}
{column:widhth=70%}
!12.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*18.* Now you are次に、色付きの条件付き書式アラートをいくつかグラフに追加します。
going
to add some coloured Conditional Formatting Alerts to your chart. 

*19.* Now select theページ上部の「 {color:#357CB6}Columns#357cb6}カラム(列){color} tab at the top of the page and select 」タブを選択し、ドロップダウンメニューから「*Sum Invoiced (Pref Currency)* from the drop down menu.」を選択します。
{column}
{column:widhth=70%}
!13.png!
{column}
{section}

{section}
{column:width=30%}
*20.* Click on the *Conditional* Menu under the *Data Format* header to.

「*データ書式*」ヘッダーの下の「*条件*」メニューをクリックします。

*21.* Click on the 「{color:#357CB6#357cb6}Add Ruleルールの追加{color} link to add a conditional formatting rule to your chart.

」リンクをクリックし、条件付き書式ルールをグラフに追加します。

*22.* Leave the *Display Style* set to *Cell*, this means that the colour of the cell (if it were in a table) would be changed according to the rules set, or in this case, the colour of the meter section that matches each rule.

*23.* Leave the *Type* to *Value*, meaning that the value of the field will be compared to a value set in the rule (which you will do next), rather that being compared to another column or %.

*24.* Set the first rule to *Red*, *Less than 2000000*. This will colour any section of the chart where the value is less than 2,000,000.表示スタイル{*}は「*セル*」に設定したままにします。つまり、ルールセットに応じて、またはこの場合は各ルールに一致するメーターセクションの色に応じて、セルの色（表の中に存在する場合）は変わります。

*23.* *タイプ{*}は「*値*」のままにします。つまり、フィールドの値は、別のカラム（列）または%と比較されるのではなく、ルールの値セット（次で実行します）と比較されます。

*24.* 1番目のルールを、*赤*、「*より小さい（＜*）」、「*2000000*」に設定します。これにより、値が2,000,000未満のグラフ内のセクションはすべて色付けされます。

*25.* Set the second rule to *Yellow*, *Between 2000000* and 2番目のルールを、*黄色*、「*の間（～）*」、「*2000000*」と「*4000000*」に設定します。

*26.* Set the third rule to *Green*, *Between 4000000* and *6000000*.3番目のルールを、*緑*、「*の間（～）*」、「*4000000*」と「*6000000*」に設定します。

*27.* Click 「*Save* to apply the rules to your chart.保存*」をクリックして、ルールをグラフに適用します。
{column}
{column:widhth=70%}
!14.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*28.* Your chart should now look like this.グラフは次のように表示されます。
{column}
{column:widhth=70%}
!15.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*29.* Using the same steps as before, *Save* and *Activate* your Chart. 

以前と同じステップを使用して、グラフを{*}保存{*}し{*}有効化{*}します。

*30.* Click on the「 !menu_close.png! {color:#357CB6#357cb6}Close閉じる{color} button to go back to the Report Preview page.」ボタンをクリックして、「レポートプレビュー」ページに戻ります。

*31.* Click on the *Save* Menu and use 「*保存*」メニューをクリックして、「*Meter Chart Tutorial* as the Name.」という名前を付けます。

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

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

*34.* Click 「*Activate有効化*.」をクリックします。
{column}
{column:widhth=70%}
!16.png|thumbnail,border=1!
{column}
{section}	 
	
{section}
{column:width=100%}
The steps you just followed can be applied to the other meter chart types by simply changing the selection made in Step 11. Below are examples of Thermometer, Dial, and Numeric Display charts.上記のステップは、ステップ11の選択を変更するだけで、他のメーターグラフタイプにも適用できます。以下に、温度計、ダイアル、および数字表示の各グラフの例を示します。
{column}
{section}

{section}
{column: width=100%}
!meter10.png|thumbnail,border=1! !meter11.png|thumbnail,border=1!
!1a.png|thumbnail,border=1!
{column}
{section}
\\
\\
{horizontalrule}
{styleclass: Class=topLink}[topページトップ|#top]
{styleclass}