Wiki Markup |
---|
{anchor:top} {toc: class=contents} h2. シリーズ選択タブの作成 {styleclass: Class=topLink} [ページトップ|#top] {styleclass} h3. 時間ベースのシリーズ選択レポートの設定 {section} {column: width=30%} *1.* 「作成」リンクをクリックして、シリーズ選択レポートの作成を開始します。 {column} {column: width=70%} !01.png! {column} {section} {section} {column: width=30%} *2.* 「レポートの初期化」ページが表示されます。作成ツールとして「*ドラッグ&ドロップで作成*」を選択したままにします。 *3.* 「ソースシステム」および「データベースビュー」として「*Ski Team*」を選択します(未選択の場合)。 *4.* 「 !step_right_on.png!」ボタンまたは「 !clickToContinue.png!」ボタンをクリックして次に進みます。 {column} {column: width=70%} !02.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *5.* 「*レポートデータ*」ページが表示されます。まず、出力オプションを「*グラフのみ*」に設定します(右側の「*レポートのオプション*」セクションで選択します)。これにより、グラフだけが表示されます。 {column} {column: width=70%} !03.png! {column} {section} {section} {column: width=30%} *6.* ここで、メトリックをレポートに追加する必要があります。「*Camp*」カテゴリーの横にある \!expand.gif\!アイコンをクリックして展開します。 *7.* 「 !rpt_dim.png!*Start Date*」フィールドを「*カラム(列)*」エリアにドラッグ&ドロップします *8.* 「*Athlete*」カテゴリーを展開し、「 !rpt_dim.png! *Athlete ID*」ディメンションを「*カラム(列)*」エリアの「*Start Date*」の下にドラッグ&ドロップします。アスリートIDではなくアスリートの数が表示されるように、このフィールドに集約を適用する必要があります。 *9.* 「*Athlete ID*」フィールドを選択し、「 !rpt_count_button.png!」(*個数*)ボタンをクリックします。「*Athlete ID*」にアイコン \!rpt_dim_count.png\!が表示されます。 *10.* 「 !rpt_metric.png! *Invoiced Amount*」フィールドおよび「 !rpt_metric.png! *Camp Rating*」フィールドも「Athlete ID」の下にドラッグする必要があります。 *11.* ページ上部の「 !step_right_on.png!」をクリックし、次のステップに移行します。 {column} {column: width=70%} !04.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *12.* 「レポートプレビュー」ページが表示されます。円グラフのイメージ(図を参照)をクリックして、グラフを設定できる「グラフの書式」ページに移動します。 {column} {column: width=70%} !05.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *13.* 「*グラフ*」メニューを開き、「グラフタイプ」として「*線グラフ*」を選択し、*線グラフ{*}の図をクリックして選択します。 *14.* 「*保存*」をクリックして、線グラフのオプションをロードします。 {column} {column: width=70%} !06.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *15.* 「*グラフデータ*」セクションで、グラフの各設定フィールドを選択します。 *16.* 「ラベル」を「*Start Date*」に設定し、表示される「*タイムシリーズ*」オプションをオンにします。 *17.* 使用可能な3つのシリーズのそれぞれを選択します。 *18.* 「*更新*」をクリックして、グラフを生成します。 {column} {column: width=70%} !07.png! {column} {section} {section} {column: width=30%} *19.* これで図に示すようなグラフが作成されました。 {column} {column: width=70%} !08.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *20.* 「*設定*」メニューを開き、「*シリーズ選択を表示*」オプションを「*はい*」に設定します。表示オプションが表示されます。 *21.* 表示に「*左パネル*」を選択します。 *22.* 望ましい傾向を指定する必要もあります。この場合は、傾向を「*上昇*」に設定します。 *23.* また、グラフに表示される「*単位*」を「*月*」に設定することで、データを集約してわかりやすいグラフにします。 *24.* 「*保存*」をクリックして、グラフでの変更を確認します。 {column} {column: width=70%} !09.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} グラフの操作を終える前に、画面スペースを節約するためにグラフのタイトルを削除する必要があります。 *25.* 「*タイトル*」メニューを開きます。 *26.* 「*グラフタイトル*」オプションを「*何もなし*」に変更し、「*保存*」をクリックします。 {column} {column: width=70%} !10.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *27.* 「 !menu_close.png!」(閉じる)ボタンをクリックして、「レポートプレビュー」ページに戻ります。 {column} {column: width=70%} !11.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} このレポートを有効化する前に、シリーズの名前に書式を設定して、シリーズ選択パネルがユーザーにわかりやすいものになるようにします。 *28.* メニューバー上部の「*カラム(列)*」リンクをクリックします。 {column} {column: width=70%} !12.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *29.* ドロップダウンリストから「*Count Athlete ID*」を選択します。 *30.* 「*表示*」メニューを開き、「*表示名*」を{*}Athletes{*}に変更します。 *31.* 「*保存*」をクリックして終了します。 *32.* 「*Sum Invoiced Amount*」フィールドについてこれらの手順を繰り返し、名前を「*Invoiced*」に更新します。 {column} {column: width=70%} !13.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *33.* 「*保存*」メニューをクリックして、「*Series Selection -- Time Series Line*」という名前を付けます。 *34.* 説明として「*This Series Selection Line Chart was created using the Dashboard Tutorial*」と入力します。 *35.* カテゴリーとして「*チュートリアル*」、サブカテゴリーとして「*グラフ*」と入力します。 *36.* 「*有効化*」をクリックします。 {column} {column: width=70%} !14.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *37.* レポートは、図に示すような状態になります。 {column} {column: width=70%} !15.png|thumbnail,border=1! {column} {section} h3. Settingシリーズ選択レポートの設定 up Series Selection Reports {section} {column: width=30%} *1.* *Series Selection -- Time Series Line{*}レポートが表示されたままの状態で「*コピー*」ボタンをクリックし、独立して操作と保存が可能なレポートの複製を作成します。 {column} {column: width=70%} !16.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} ここで、レポートビルダーの「*レポートデータ*」ステップに移動します。このレポートでは、シリーズが「*Camp Start Date*」別に表示されるのではなく、「*Camp Demographic*」別に表示されます。 *2.* 「*Start Date*」を「*カラム(列)*」リストの外にドラッグし、その場所に「*Camp Demographic*」をドラッグします。 {column} {column: width=70%} !17.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *3.* ページ上部の「 !step_right_on.png!」をクリックし、次のステップに移行します。 {column} {column: width=70%} !18.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *4.* 「レポートプレビュー」ページが表示されます。円グラフのイメージ(図を参照)をクリックして、グラフを設定できる「グラフの書式」ページに移動します。 {column} {column: width=70%} !05.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *5.* Click on the *Chart* Menu, select *Bar* as the Chart Type and click on the picture of the *Proportional Bar Chart* to select it. *6.* Click *Save*, this will load the options for your Chart.「*グラフ*」メニューをクリックし、「グラフタイプ」として「*棒グラフ*」を選択し、*比例棒グラフ{*}の図をクリックして選択します。 *6.* 「*保存*」をクリックして、グラフのオプションをロードします。 {column} {column: width=70%} !19.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *7.* 「*グラフデータ*」エリアで、「*ラベル*」が「*Camp Demographic*」に設定されていることを確認します。その他すべてのオプションは、コピープロセス中に元のレポートから引き継がれています。 *8.* 「*更新*」をクリックして、グラフを生成します。 {column} {column: width=70%} !20.png! {column} {section} {section} {column: width=30%} *9.* 生成された状態では、グラフが理想的な状態ではないことがあります。解決するには、まずグラフをリサイズし、右下をドラッグして、図に示すようにわかりやすい状態にします。 {column} {column: width=70%} !1921.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *710.* In the *Chart Data* area, ensure that the *Label* is set to *Camp Demographic*. All other options should have been carried through from the original report during the copy process. *8.* Click *Refresh* to generate your chart. {グラフのスタイルをさらに設定するには、「*ラベル*」メニューをクリックし、「*ラベルスタイル*」および「*値スタイル*」の両方で「*カスタム*」オプションを選択します。 *11.* オプションを次のように設定します: ラベルのスタイル:*Arial、16pt、太字* 値のスタイル:*Arial、12pt、斜体* *12.* 「*保存*」をクリックしてグラフを更新します。 {column} {column: width=70%} !2022.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *913.* Once generated, you may notice your chart does not look ideal. To address this first resize the chart, dragging the bottom right corner, to ensure it is as clear as the one pictured here. 「 !menu_close.png!」(閉じる)ボタンをクリックして、「レポートプレビュー」ページに戻ります。 *14.* ここからは、レポートを有効化する必要があります。「*保存*」メニューをクリックし、名前として「*Series Selection Proportional Bar*」を使用します。 *15.* 説明として「*This Series Selection Proportional Chart was created using the Dashboard Tutorial*」と入力します。 *16.* カテゴリーとして「*チュートリアル*」、サブカテゴリーとして「*グラフ*」と入力します。 *17.* 「*有効化*」をクリックします。 {column} {column: width=70%} !2123.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *1018.* Inグラフは、この図のようになるはずです。 order to3番目のレポートをこのチュートリアルのダッシュボードに表示する必要があります。比例棒グラフのレポートをコピーして、最後のレポートを作成します。 further style the chart, click on the *Labels* menu and select the *Custom* option for both *Label Style* and *Value Style*. *11.* Set the options to: Label Style: *Arial, 16pt, Bold* Value Style: *Arial, 12pt, Italic* *12.* Click *Save* to update your chart. {column} {column: width=70%} !24.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} 再度レポートをコピーして、シリーズがカテゴリー分けされるディメンションを変更します。 *19.* レポートをコピーします。 *20.* 「*Camp Demographic*」フィールドを削除し、「*Camp Region*」フィールドで置き換えます。 *21.* 「*レポートプレビュー*」ページに進み、「*グラフビルダー*」に移動します。 {column} {column: width=70%} !25.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *22.* 「*グラフ*」メニューをクリックし、「グラフタイプ」として「*円グラフ*」を選択し、*円グラフ{*}の図をクリックして選択します。 *23.* 「*保存*」をクリックして、グラフのオプションをロードします。 {column} {column: width=70%} !2226.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *1324.* Click on the !menu_close「*グラフデータ*」エリアで、「*ラベル*」が「*Camp Region*」に設定されていることを確認します。 その他すべてのオプションは、やはりコピープロセス中に元のレポートから引き継がれています。 *25.* 「*更新*」をクリックして、グラフを生成します。 {column} {column: width=70%} !27.png! Close button to go back to the Report Preview page. *14.* From here you will need to activate your report. Click on the *Save* Menu and use *Series Selection Proportional Bar* as the Name. *15.* Type *This Series Selection Proportional Bar Chart was created using the Dashboard Tutorial* as the Description. *16.* Enter *Tutorial* as the Category and *Charts* as the Sub Category. *17.* Click *Activate*. {column} {column: width=70%} !23.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *18.* Your chart should now look like the one pictured here. You will need a third report to display on the dashboard for this tutorial. Copy the Proportional Bar report to create the last report. {column} {column: width=70%} !24.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} Once again you will be copying the report and changing the dimension that the series are being categorised by. *19.* Copy the report. *20.* Remove the *Camp Demographic* field, replacing it with the *Camp Region* field. *21.* Continue to the *Report Preview* page and then move to the *Chart Builder*. {column} {column: width=70%} !25.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *22.* Click on the *Chart* Menu, select *Pie* as the Chart Type and click on the picture of the *Pie Chart* to select it. *23.* Click *Save*, this will load the options for your Chart. {column} {column: width=70%} !26.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *24.* In the *Chart Data* area, ensure that the *Label* is set to *Camp Region*. All other options should once again have been carried through from the original report during the copy process. *25.* Click *Refresh* to generate your chart. {column} {column: width=70%} !27.png! {column} {section} {section} {column: width=30%} As with the previous report, this chart would benefit from some custom label settings. *26.* Click on the *Labels* menu. *27.* Set *Labels* to *Yes*, ticking the *Category*, *Value*, and *Percentage* options for contents. *28.* Set the *Style* to *Custom* with the following: *Arial*, *11pt* *29.* Click *Save* to update your chart. {column} {column: width=70%} !28.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} You may notice that you now have the *Camp Region* displayed twice in the chart; once in the labels, once in the legend. Remove the legend to clean up the chart display. *30.* Click on the *Position* menu, setting the *Legend Position* to *None*. *31.* Click *Save* to update your chart. {column} {column: width=70%} !29.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *32.* Click on the !menu_close.png! Close button to go back to the Report Preview page. *33.* From here you will need to activate your report. Click on the *Save* Menu and use *Series Selection Pie* as the Name. *34.* Type *This Series Selection Pie Chart was created using the Dashboard Tutorial* as the Description. *35.* Enter *Tutorial* as the Category and *Charts* as the Sub Category. *36.* Click *Activate*. {column} {column: width=70%} !30.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *37.* Your chart should now look like the one displayed here. {column} {column: width=70%} !31.png|thumbnail,border=1! {column} {section} h2. Adding Reports {styleclass: Class=topLink} [top|#top] {styleclass} {section} {column: width=30%} *1.* To add a standard tab click on the !dash_add.png! Add Tab link on the Dashboard page and select the *Standard* option. This will bring up a blank tab, ready for Reports to be added. {column} {column: width=70%} !32.png! {column} {section} {section} {column: width=30%} *2.* To add a report to the dashboard, you will need to search for it in the list of active reports. Type Series Selection into the search box and click on to see results. *3.* One by one, drag these reports onto the tab, placing them as follows: *Series Selection - Time Series Line* in the *top* portlet *Series Selection Pie* in the *left* portlet *Series Selection Proportional Bar* in the *right* portlet. {column} {column: width=70%} !33.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *4.* Your tab should now look like the one pictured here. {column} {section} {section} {column: width=30%} 前のレポートと同様に、このグラフもカスタムのラベル設定を使用するとわかりやすくなります。 *26.* 「*ラベル*」メニューをクリックします。 *27.* 「*ラベル*」を「*はい*」に設定し、内容の「*カテゴリー*」、「*値*」、「*百分率(**%**)*」オプションをオンにします。 *28.* 「*スタイル*」を「*カスタム*」に設定し、次のように選択します:「*Arial*」、「*11pt*」 *29.* 「*保存*」をクリックしてグラフを更新します。 {column} {column: width=70%} !3428.png|thumbnail,border=1! {column} {section} h2. Linking Series {styleclass: Class=topLink} [top|#top] {styleclass} {section} {section} {column: width=30%} 「*1.Camp Region*」がグラフ内で2回表示されます。1回はラベルに、もう1回は凡例です。凡例を削除して、グラフ表示をクリーンアップします。 The last step in setting up a Series Selection tab is to link the series. Click on the *Series Select* menu.*30.* 「*位置*」メニューをクリックし、「*凡例の位置*」を「*何もなし*」に設定します。 *31.* 「*保存*」をクリックしてグラフを更新します。 {column} {column: width=70%} !3529.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} Firstly, you will need to select a master report to join your other reports to. This will be the report you select series on, through dashboard, so select the one that displayed series the way you want. In this case you're going to choose the Time Series report in order to select the series through a panel display, rather than a drop down list. *2.* Select the *Series Selection Time Series Line* as the *Master Chart*. *3.* Set the *Default Field* to *Athletes*.*32.* 「 !menu_close.png!」(閉じる)ボタンをクリックして、「レポートプレビュー」ページに戻ります。 *33.* ここからは、レポートを有効化する必要があります。「*保存*」メニューをクリックし、名前として「*Series Selection Pie*」を使用します。 *34.* 説明として「*This Series Selection Pie Chart was created using the Dashboard Tutorial*」と入力します。 *35.* カテゴリーとして「*チュートリアル*」、サブカテゴリーとして「*グラフ*」と入力します。 *36.* 「*有効化*」をクリックします。 {column} {column: width=70%} !30.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *37.* グラフは、この図のようになるはずです。 {column} {column: width=70%} !31.png|thumbnail,border=1! {column} {section} h2. レポートの追加 {styleclass: Class=topLink} [ページトップ|#top] {styleclass} {section} {column: width=30%} *1.* 標準タブを追加するには、ダッシュボードページの「 !dash_add.png! タブの追加」リンクをクリックし、「*標準*」オプションを選択します。 空のタブが表示され、レポートを追加する準備が整います。 {column} {column: width=70%} !3632.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} Once you've selected the master report, you will notice the other reports on the dashboard listed directly underneath on the left. You will need to select these one by one and link them to the master, much as you would during the analytic setup. *4.* Click on the *Series Selection Pie*. You will know it's selected by the blue border around it.30%} *2.* レポートをダッシュボードに追加するには、有効なレポートのリストでレポートを検索する必要があります。検索ボックスに「Series Selection」とタイプしてクリックし、結果を表示します。 *3.* これらのレポートを1つずつタブにドラッグして、以下のように配置します: *上側{*}のポートレットに「*Series Selection -- Time Series Line*」 *左側{*}のポートレットに「*Series Selection Pie*」 *右側{*}のポートレットに「*Series Selection Proportional Bar*」 {column} {column: width=70%} !33.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *4.* タブは、この図のようになるはずです。 {column} {column: width=70%} !34.png|thumbnail,border=1! {column} {section} h2. シリーズのリンク {styleclass: Class=topLink} [ページトップ|#top] {styleclass} {section} {column: width=30%} *1.* シリーズ選択タブを設定する最後のステップは、シリーズのリンクです。「*シリーズ選択*」メニューをクリックします。 {column} {column: width=70%} !3735.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *5.*最初に、他の複数のレポートをまとめるマスターレポートを選択します。 Link upこれはダッシュボードでシリーズを選択する際に使用するレポートです。希望のシリーズ表示方法を適用しているレポートを選択してください。 matching seriesこの場合は、ドロップダウンリストではなくパネル表示からシリーズを選択するために、タイムシリーズレポートを選択します。 to the ones listed from the master report: *Athletes* = *Athletes* *Invoiced* = *Invoiced* *Avg Camp Rating* = *Avg Camp Rating* *6.* Click *Save* to complete the links.*2.* 「*マスターチャート*」として「*Series Selection Time Series Line*」を選択します。 *3.* 「*デフォルトフィールド*」を「*Athletes*」に設定します。 {column} {column: width=70%} !36.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} マスターレポートを選択すると、ダッシュボードの他のレポートは左側のすぐ下に表示されます。 これらのレポートを1つずつ選択し、分析設定で行うリンクと同じ数だけマスターレポートにリンクしてください。 *4.* 「*Series Selection Pie*」をクリックします。 周りに青い境界線が表示されているレポートが選択されているレポートです。 {column} {column: width=70%} !3837.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *75.* You適合シリーズとマスターレポートから表示されたレポートをリンクします: will notice*Athletes* that= the *Athletes*Series Selection Proportional Bar*Invoiced* report= has*Invoiced* a red*Avg border.Camp ThisRating* means= it*Avg stillCamp requiresRating* the links to be set up. Follow the same steps as above to link this report. *8.* You should now have no red borders. *6.* 「*保存*」をクリックしてリンクを完了します。 {column} {column: width=70%} !38.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *7.* *Series Selection Proportional Bar{*}レポートには赤い境界線があります。これは、リンクを設定する必要がまだあることを意味します。上記と同じステップに従って、このレポートをリンクします。 *8.* これで、赤い境界線はなくなります。 {column} {column: width=70%} !39.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *9.* Click on Return to Dashboard to finish the linking process. 「ダッシュボードに戻る」をクリックしてリンクプロセスを終了します。 {column} {column: width=70%} !40.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *10.* From here you will need to activate your tab. Click on the *Save* Menu and use ここからは、タブを有効化する必要があります。「*保存*」メニューをクリックし、名前として「*Series Selection Tab Tutorial*」を使用します。 as the Name. *11.* Type 説明として「*This tab was created using the Dashboard Tutorial* as the Description. 」と入力します。 *12.* Click 「*Activate有効化*.」をクリックします。 {column} {column: width=70%} !41.png|thumbnail,border=1! {column} {section} h2. Using the Series Selectionシリーズ選択の使用 {styleclass: Class=topLink} [topページトップ|#top] {styleclass} {section} {column: width=30%} Using the series selection on the dashboard is the same as on an individual report.: width=30%} ダッシュボードでシリーズ選択を使用するときは、個別のレポートで使用する場合と同じです。 *1.* Simply select the series you want to view, マスターレポートで表示するシリーズを選択します。たとえば「*Invoiced* for example, on the master report. 」とします。 {column} {column: width=70%} !42.png|thumbnail,border=1! {column} {section} {section} {column: width=30%} *2.* Your charts should all be displaying the *Invoiced* series.すべてのグラフに{*}Invoiced{*}シリーズが表示されます。 {column} {column: width=70%} !43.png|thumbnail,border=1! {column} {section} \\ \\ {horizontalrule} {styleclass: Class=topLink} [topページトップ|#top] {styleclass} |
Page Comparison
General
Content
Integrations