Page Comparison

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

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

{styleclass}
ビューの作成が完了したら、レポート作成機能を使用してレポートを作成できるようになります。新規レポートを作成する場合、初期設定ステップから開始します。このステップは、ソースシステムの選択やアクセス先ビューの選択に加え、使用するビルダーのタイプの選択にも必須のステップです。


h2. Create New Report
{styleclass: Class=topLink}[ページトップ|#top]

{styleclass}
{section}
{column:width=30%}
*1.* Yellowfinメインナビゲーションの「{color:#357cb6}作成{color} 」をクリックして、「レポートの初期化」ページを開きます。
{column}
{column:width=70%}
!01create.png!
{column}
{section}

{section}
{column:width=30%}
*2.* 「レポートの初期化」ページで、「*ドラッグ＆ドロップで作成*」を選択してこの機能を使用します。

*3.* ビューとして「*Ski Team*」をクリックします。   
{column}
{column:width=70%}
!02initialise.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*4.* 「レポートデータ」ページが開きます。このページでは、すべてのレポートコンポーネントを定義できます。   
{column}
{column:width=70%}
!40.png|thumbnail,border=1!
{column}
{section}






bq. 詳細については、[レポートビルダー] を参照してください。
h2. 高度な関数を使用したカラム（列）レポート
{styleclass: Class=topLink}[ページトップ|#top]

{styleclass}
このレポートの例は、フィールドに適用される高度な関数、および例外データを強調表示するためのアラートが含まれているカラム（列）レポートです。
{section}
{column:width=30%}
*1.* 展開アイコンを使用して「*Athlete Paymen{*}t」および「*Time*」カテゴリーを開いてフィールドを表示します。

*2.* 「*Time*」フォルダーから、「*Year*」フィールドを「*カラム（列）*」パネルにドラッグします。

*3.* 「*Athlete Payment*」カテゴリーから、「*Invoice Estimate*」を「カラム（列）」の「*Year*」の下にドラッグします。

このフィールドには合計シンボルが付加されています。これは、このフィールドではビューレベルの合計による集計がデフォルトで定義されているため、フィールドが集計されることを意味しています。
{column}
{column:width=70%}
!41.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*4.*  !step_right_on.png! （次へ）ボタンをクリックしてレポート実行し、データを表示します。
{column}
{column:width=70%}
!42.png!
{column}
{section}

{section}
{column:width=30%}
*5.* 「*Sum Invoice Estimate*」カラム上のドロップダウンメニューをクリックします。

*6.* 開いたドロップダウンメニューで、「*集約の合計*」を選択します。   

{column}
{column:width=70%}
!43.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*7.* レポートが更新され、「*Sum Invoiced Estimate*」カラムの合計が表示されます。   

{column}
{column:width=70%}
!44.png!
{column}
{section}

{section}
{column:width=30%}
新しいカラムを追加してドリルダウンのサポートを追加するには、レポートデータを編集する必要があります。

*8.* レポートのメインメニューから「*編集*」をクリックして、「*データ*」オプションを選択します。    

{column}
{column:width=70%}
!45.png!
{column}
{section}

{section}
{column:width=30%}
*9.* 「レポートデータ」ページが開きます。「レポートオプション」メニューの「分析」セクションで、「*ドリルダウン*」を選択します。

これで、時間階層のドリルダウンが可能になります。

{column}
{column:width=70%}
!46.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*10.* 「*Athlete Payment*」フォルダーから、「*Invoice Estimate*」フィールドの別のインスタンスをドラッグします。

*11.* フィールドが選択されている状態で !advfn.png! （高度な関数）ボタンをクリックして、高度な関数を適用します。
{column}
{column:width=70%}
!47.png!
{column}
{section}

{section}
{column:width=30%}
*12.* 高度な書式のポップアップで、一覧から「*合計値に対する百分率（%）*」を選択します。

*13.* 「*保存*」をクリックして変更内容を保存して、データページに戻ります。

!save.png!

*14.* このフィールドのアイコンが青色から緑色に変わり、高度な関数が適用されていることを示します。   

{column}
{column:width=70%}
!48.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*15.*  !step_right_on.png! （次へ）ボタンをクリックしてレポート実行し、データを表示します。

*16.* 高度な関数の書式で、接尾文字「*%*」ではなく、接頭文字「*$*」が使われていることがわかります。   

{column}
{column:width=70%}
!49.png!
{column}
{section}

{section}
{column:width=30%}
*17. カラム{*}メニューのドロップダウンをクリックして、「*カラム（列）の書式*」を選択します。   

{column}
{column:width=70%}
!50.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*18.* メインメニューが「レポート」から「カラム（列）」に変わり、「表示」メニューが開きます。

*19.* 接頭文字「*$*」を削除し、「接尾文字」ボックスに「%」を追加します。「*保存*」ボタンをクリックします。

!save.png!
{column}
{column:width=70%}
!51.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
20. これで、カラムに新しい書式が適用されたことが確認できます。   

{column}
{column:width=70%}
!52.png!
{column}
{section}

{section}
{column:width=30%}

*21.* 「{color:#357cb6}2006{color}」をクリックして、YearからQuarterへのドリルダウンをテストします。

「Year」カラムがその年の「Quarter」のデータに変わります。
{column}
{column:width=70%}
!53.png!
{column}
{section}

{section}
{column:width=30%}
*22.* *条件付き書式{*}を使用してデータを強調表示するには、「%対合計値」カラムのドロップダウンメニューアイコンをクリックします。

*23.* ドロップダウンメニューから「*条件付き書式*」を選択します。    

{column}
{column:width=70%}
!54.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*24.* 編集パネルで「{color:#357cb6}ルールの追加{color}」をクリックします。
{column}
{column:width=70%}
!55.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*25.*「表示スタイル」は「*セル*」を、「タイプ」は「*値*」を選択します。

*26.* カラーピッカーでスタイルを{*}赤色{*}に選択します。これに対するルールとして、「*より小さい（＜）*」を選択し、値として「*15*」を入力します。

*27.* 「*保存*」をクリックして、フォームを閉じてレポートを更新します。

!save.png!
{column}
{column:width=70%}
!56.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*28.* レポートが更新され、値が15より小さい%対合計値のセルが{color:#cc0000}赤色{color}で強調表示されます。
{column}
{column:width=70%}
!57.png!
{column}
{section}

{section}
{column:width=30%}
*29.* レポートを保存するには、メニューバーで「*レポート*」アイコンをクリックして、ドロップダウンメニューで「保存」をクリックします。レポートの名前を「*%対合計値*」とし、説明に「*This report was created using the Introductory Tutorial*」と入力し、「*Tutorial*」の「*Formatting*」カテゴリーに保存します。

*30.* 「*有効化*」をクリックして、レポートを発行します。

!activate.png!
{column}
{column:width=70%}
!58.png|thumbnail,border=1!
{column}
{section}






bq. 詳細については、[高度な関数] を参照してください。
h2. クロス集計グラフレポート
{styleclass: Class=topLink}[ページトップ|#top]

{styleclass}
クロス集計レポートは、3次元データの表現に適しています。この例では、クロス集計を作成して、表ではなく、グラフとして表示します。
{section}
{column:width=30%}
*1.* 以前に説明した通りにレポートを新規作成します。
{column}
{column:width=70%}
!02initialise.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*2.* Select *Table and Chart* under *Output Options* in the *Report Options* section.

Select *Cross Tab* under *Data Output* and you will notice that the layout of the report data changes - row and metric fields are introduced.

Select *Drill Down* under the *Analysis* section.
{「*レポートオプション*」の「*出力オプション*」の下で、「*表とグラフ*」を選択します。

「*データ出力*」の下で 「*クロス集計*」を選択すると、レポートデータのレイアウトが変更され、ロウおよびメトリック（数値）のフィールドが作成されます。

「*分析*」セクションの下の「*ドリルダウン*」を選択します。
{column}
{column:width=70%}
!59.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*3.* Open the *展開アイコンを使用して「*Athlete Payment*, 」、「*Athlete* and 」および「*Time*」カテゴリーを開いて、関連フィールドを表示します。
categories using the expand
icon to see the associated fields

*4.* Add the 「*Demographics* field as a Column, the 」フィールドをカラムとして、「*Year* field as a Row, and the 」フィールドをロウとします。また、「*Invoice Estimate*」フィールドをメトリック（数値）として追加します。
field as a Metric.

*
*5.* Click the   !step_right_on.png! Next Button to progress to the output page and the chart builder.
（次へ）ボタンをクリックして、出力ページおよびグラフビルダーに進みます。
{column}
{column:width=70%}
!60.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*6.* On the output page you will see the chart placeholder image. Click on this to open the Chart Builder.
{column}
{section}

{section}
{column:width=30%}
*6.* 出力ページには、グラフのプレースホルダー画像が表示されています。この画像をクリックすると、グラフビルダーが開きます。   

{column}
{column:width=70%}
!61.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*7.* Youここには、グラフの書式オプションが表示されます。グラフメニューを開きます。
will
now see chart format options.  Open the Chart menu.

*8.* Select the *Stacked Vertical Bar* type.

*9.* Click the *Save* button to start setting up the chart.

!save.png!
{column}
{column:width=70%}
!62.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*10.* Based on your chart selection and the data available you will see the Chart Data options.

*11.* For the Label select *Year*, Series *Sum Invoiced Estimate*, and Colour *Demographic*

*12.* Click *Refresh* to see your chart.

!refresh.png!
{column}
{column:width=70%}
!63.png!
{column}
{section}

{section}
{column:width=30%}
*13.* To add some formatting to the chart, add some coloured bands.  Click the *Gridlines* drop down panel.

*14.* Select a light grey for the Band Colour from the colour picker.

*15.* Select 30% opacity for the band.

*16* Click *Save* to see the changes reflected on your chart.

!save.png!
{column}
{column:width=70%}
!64.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*17.* You will now see grid bands applied to your chart.

*18.* Click *Close* on the chart menu to return to the main report page.

!menu_close.png!
{column}
{column:width=70%}
!65.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*19.* Save your report as before, seting the name to *Drill Down Chart*, description to *This report was created using the Introductory Tutorial*, and the Sub Category to *Charts*.

*20.* Click *Activate* to publish the report.

!activate.png!
{column}
{column:width=70%}
!66.png|thumbnail,border=1!
{column}
{section}






bq. 詳細については、[テーブルレイアウトオプション] を参照してください。
h2. Filtered Section Report & Export to PDF
{styleclass: Class=topLink}[ページトップ|#top]

{styleclass}
Using the filters and sections you can determine the data that is displayed in a report and how your data is to be grouped. In this example you will create a report which is sectioned by Gender.
{section}
{column:width=30%}
*1.* Create a new report as described earlier.
{column}
{column:width=70%}
!02initialise.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*2.* Add the *Year* and *Invoiced Estimate* fields as Columns.

*3.* Add *Demographic* to the Filters panel.

*4.* Add *Gender* to Sections.

*5.* In the properties give the report a name of *Section Report* and description of *A section report with user prompt filter created using the Introductory Tutorial*.

*6.* Click the !step_right_on.png! Next button to navigate to the filters step of the builder.
{column}
{column:width=70%}
!70.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*7.* From the operator drop down list for the Demographic filter select *In List*

*8.* Click the next button to go to the Report Preview page.
{column}
{column:width=70%}
!71.png!
{column}
{section}

{section}
{column:width=30%}
*9.* You will see a list to enter values.  Click the !rpt_filterprompt.gif! prompt icon to search for possible values.
{column}
{column:width=70%}
!72.png!
{column}
{section}

{section}
{column:width=30%}
*10.* A pop box will open and display all the possible values for the selected fields.  Select *Adventure* and *Sport*.

*11.* Click *Submit* to close the popup.

!submit.png!
{column}
{column:width=70%}
!73.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*12.* Click the *Go* button under the filter box to run the report.  Your restricted results will be returned.

!applyfilter.gif!
{column}
{column:width=70%}
!74.png!
{column}
{section}

{section}
{column:width=30%}
*13.* Add totals to the sections.  Firstly using the column drop down menu add a *Sum Total* to *Sum Invoice Estimate*.
{column}
{column:width=70%}
!75.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*14.* Next click the {color:#357cb6}Section{color} link on the main menu.  This will open the section format options.

*15.* Select the *Summary* menu and select Yes for Grand Totals.  Click *Save* to close and save your changes.

!save.png!
{column}
{column:width=70%}
!76.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*16.* Your report will now have grand totals for the sections as shown here.
{column}
{column:width=70%}
!77.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*17.* We will export this report to PDF, but first we want to ensure that our Filter values are displayed on external output.

*18.* Click on the {color:#357cb6}Filters{color} tab at the top of the page, open the *Format* menu and set the *Display Filter Values* option to *Bottom*.*Save*

!save.png!
{column}
{column:width=70%}
!78.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*19.* Now select the Export link drop down and choose the {color:#357cb6}Export to PDF{color} option.
{column}
{column:width=70%}
!79.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*20.* Select the appropriate export options for PDF and click *OK* to export.

!ok.png!

*21.* Follow the instructions of your browser to save your PDF locally.
{column}
{column:width=70%}
!80.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*22.* Once saved to your hard drive open the PDF to view the results of your report.

*23.* Save and activate your report for later use.
{column}
{column:width=70%}
!81.png|thumbnail,border=1!
{column}
{section}





bq. 詳細については、[フィルター], [セクション], and [レポートのエクスポート] を参照してください。
\\
\\
{horizontalrule}
{styleclass: Class=topLink}[ページトップ|#top]

{styleclass}