<p class="shortdesc">You can customize and view the details of a monitoring dashboard.</p> <section class="section" id="Create_view_monitoring__section_cr3_2yn_xjb"><h2 class="doc-tairway">Step 1: Create a monitoring dashboard group</h2> <ol class="ol" id="Create_view_monitoring__ol_gly_xmn_xjb"> <li class="li">Log in to the <a class="xref" href="/console/argus/overview" target="_blank">Argus Console</a>.</li> <li class="li">In the left navigation pane, click <span class="ph uicontrol">Dashboard</span>.</li> <li class="li">In the <span class="ph uicontrol">Dashboard Selection </span>pane, click <span class="ph uicontrol">+</span> behind <span class="ph uicontrol">Screen Group</span>.<div class="p"> <img class="image" id="Create_view_monitoring__image_mgn_cjk_3jb" src="https://obs-cn-shanghai.yun.pingan.com/pcp-portal/20201507091431-1373edbf99a8.png" width="500"> </div></li> <li class="li">On the <span class="keyword wintitle">New Screen Group</span> page, enter the screen group name.<div class="p"> <img class="image" id="Create_view_monitoring__image_x2y_3jk_3jb" src="https://obs-cn-shanghai.yun.pingan.com/pcp-portal/20201507091431-13428245946d.png" width="400"> </div></li> <li class="li">Click <span class="ph uicontrol">Confirm</span>.</li> </ol> </section> <section class="section" id="Create_view_monitoring__section_dd3_fyn_xjb"><h2 class="doc-tairway">Step 2: Create a monitoring dashboard under the screen group</h2> <ol class="ol" id="Create_view_monitoring__ol_mpv_dnn_xjb"> <li class="li">In the <span class="ph uicontrol">Screen Group </span>area, select the newly created group.</li> <li class="li">Click <span class="ph uicontrol">+</span> behind <span class="ph uicontrol">Dashboard</span>.<div class="p"> <img class="image" id="Create_view_monitoring__image_shx_2jk_3jb" src="https://obs-cn-shanghai.yun.pingan.com/pcp-portal/20201507091431-1c034c839abf.png" width="750"> </div></li> <li class="li">In the <span class="keyword wintitle">New Screen</span> dialog box, enter the dashboard name.<div class="p"> <img class="image" id="Create_view_monitoring__image_akv_2wj_3jb" src="https://obs-cn-shanghai.yun.pingan.com/pcp-portal/20201507091431-168564ea9a74.png" width="400"> </div></li> <li class="li">Click <span class="ph uicontrol">Confirm</span>.</li> </ol> </section> <section class="section" id="Create_view_monitoring__section_y1c_gyn_xjb"><h2 class="doc-tairway">Step 3: Add a monitoring chart to the dashboard</h2> <ol class="ol" id="Create_view_monitoring__ol_zqt_knn_xjb"> <li class="li">Select the <span class="ph uicontrol">Screen Group</span> and <span class="ph uicontrol">Dashboard</span>.</li> <li class="li">On the <span class="ph uicontrol">View</span> tab, click <span class="ph uicontrol">New Graph</span>.<div class="p"> <img class="image" id="Create_view_monitoring__image_cfj_rlk_3jb" src="https://obs-cn-shanghai.yun.pingan.com/pcp-portal/20201507091431-13fc13b79cd5.png" width="400"> </div></li> <li class="li">On the page that opens, complete the configuration of the chart.<div class="p"> <img class="image" id="Create_view_monitoring__image_rd2_tmk_3jb" src="https://obs-cn-shanghai.yun.pingan.com/pcp-portal/20201507091431-13dae33993d6.png" width="750"> </div><table class="table frame-all" id="Create_view_monitoring__table_p5j_kdw_jkb"><caption></caption><colgroup><col style="width:16.806722689075627%"><col style="width:19.49579831932773%"><col style="width:63.69747899159663%"></colgroup><thead class="thead"> <tr class="row"> <th class="entry" id="Create_view_monitoring__table_p5j_kdw_jkb__entry__1" colspan="2">Configuration item</th> <th class="entry" id="Create_view_monitoring__table_p5j_kdw_jkb__entry__2">Description</th> </tr> </thead><tbody class="tbody"> <tr class="row"> <td class="entry" headers="Create_view_monitoring__table_p5j_kdw_jkb__entry__1 " rowspan="4"> <p class="p"><span class="ph uicontrol">Graph</span></p> </td> <td class="entry" headers="Create_view_monitoring__table_p5j_kdw_jkb__entry__1 "> <p class="p"><span class="ph uicontrol">Graph name</span></p> </td> <td class="entry" headers="Create_view_monitoring__table_p5j_kdw_jkb__entry__2 "> <p class="p">The name of the custom monitor graph.</p> </td> </tr> <tr class="row"> <td class="entry" headers="Create_view_monitoring__table_p5j_kdw_jkb__entry__1 "> <p class="p"><span class="ph uicontrol">Type</span></p> </td> <td class="entry" headers="Create_view_monitoring__table_p5j_kdw_jkb__entry__2 "> <p class="p">Click the drop-down button to select the product name to be monitored.</p> </td> </tr> <tr class="row"> <td class="entry" headers="Create_view_monitoring__table_p5j_kdw_jkb__entry__1 "> <p class="p"><span class="ph uicontrol">Graph Type</span></p> </td> <td class="entry" headers="Create_view_monitoring__table_p5j_kdw_jkb__entry__2 "> <p class="p">Click the drop-down menu and select:</p> <ul class="ul" id="Create_view_monitoring__d23e189"> <li class="li"><span class="ph uicontrol">Group by Metrics</span>: the graph display dimension is metrics. Each graph covers a metric.</li> <li class="li"><span class="ph uicontrol">Group by Instances</span>: the graph display dimension is an instance. Each graph covers an instance.</li> </ul> </td> </tr> <tr class="row"> <td class="entry" headers="Create_view_monitoring__table_p5j_kdw_jkb__entry__1 "> <p class="p"><span class="ph uicontrol">Monitor instance</span></p> </td> <td class="entry" headers="Create_view_monitoring__table_p5j_kdw_jkb__entry__2 "> <p class="p">Click <span class="ph uicontrol">Select</span>. On the pop-up <span class="ph uicontrol">Monitor Instance</span> page, check the instance name to be monitored. Multiple instances can be checked at one time Click <span class="ph uicontrol">Finish</span>.</p> <p class="p">The selected instances will appear in the instance list at the bottom of the tab.</p> </td> </tr> <tr class="row"> <td class="entry" headers="Create_view_monitoring__table_p5j_kdw_jkb__entry__1 "> <p class="p"><span class="ph uicontrol">Metric</span></p> </td> <td class="entry" headers="Create_view_monitoring__table_p5j_kdw_jkb__entry__1 "> <p class="p"><span class="ph uicontrol">Metric</span></p> </td> <td class="entry" headers="Create_view_monitoring__table_p5j_kdw_jkb__entry__2 "> <p class="p">Metrics to be monitored.</p> <ol class="ol" type="a" id="Create_view_monitoring__d23e253"> <li class="li">Click <span class="ph uicontrol">Select</span>.</li> <li class="li">On the pop-up <span class="ph uicontrol">Metric</span> page, check the metric to be monitored.</li> <li class="li">Then click <span class="ph uicontrol">Next</span>.</li> <li class="li">Enter a <span class="ph uicontrol">Tag</span> to identify the metric.</li> <li class="li">Click <span class="ph uicontrol">Finish</span> .</li> </ol> <p class="p">The selected metrics appear in the list at the bottom of the tab.</p> <div class="note note note_note"><span class="note__title">Note:</span> <p class="p">If you need to configure multiple metrics, you can continue to add metrics by repeating the above steps.</p> </div> </td> </tr> </tbody></table></li> <li class="li">Click <span class="ph uicontrol">Confirm</span>.</li> </ol> </section> <section class="section" id="Create_view_monitoring__section_hd1_hyn_xjb"><h2 class="doc-tairway">Step Four: View the monitoring dashboard</h2><p class="p">The newly created chart and related data are displayed on the <span class="ph uicontrol">View</span> tab.</p><img class="image" id="Create_view_monitoring__image_kxm_khv_jjb" src="https://obs-cn-shanghai.yun.pingan.com/pcp-portal/20201507091432-1529e69d9739.png" width="830"><ul class="ul" id="Create_view_monitoring__ul_hsn_c2l_3jb"> <li class="li"><strong class="ph b">Select a time range:</strong> You can view the monitoring data during the time range you select. Options include <span class="ph uicontrol">The Last 1 Hour</span>, <span class="ph uicontrol">Today</span>, <span class="ph uicontrol">Yesterday</span>, <span class="ph uicontrol">The Last 3 Days</span>, <span class="ph uicontrol">The Last 7 Days</span>, and <span class="ph uicontrol">The Last 14 Days</span>.</li> <li class="li" id="Create_view_monitoring__li_w2h_jng_4jb"><strong class="ph b">Zoom in/out:</strong> In the upper-right corner of the chart, click <img class="image" id="Create_view_monitoring__image_hs4_32l_3jb" src="https://obs-cn-shanghai.yun.pingan.com/pcp-portal/20201507091431-13be6acf98cc.png" width="19">. Right-click to select the area to zoom in. The area will be zoomed in when you release the mouse.<div class="note note note_note"><span class="note__title">Note:</span> You can zoom in the same area multiple times by repeating this operation.</div></li> <li class="li" id="Create_view_monitoring__li_mvr_jng_4jb"><strong class="ph b">Restore zoomed area:</strong> In the upper-right corner of the chart, click <img class="image" id="Create_view_monitoring__image_unk_5fl_3jb" src="https://obs-cn-shanghai.yun.pingan.com/pcp-portal/20201507091431-1072dc9f9e23.png" width="19"> to restore the chart into the status before the last zoom-in operation.</li> <li class="li" id="Create_view_monitoring__li_wsb_kng_4jb"><strong class="ph b">Restore:</strong> In the upper-right corner of the chart, click <img class="image" id="Create_view_monitoring__image_slh_flf_jjb" src="https://obs-cn-shanghai.yun.pingan.com/pcp-portal/20201507091431-124e10bd95b4.png" width="19"> to restore the chart into the original status.</li> <li class="li" id="Create_view_monitoring__li_i5k_kng_4jb"><strong class="ph b">Zoom in:</strong> In the upper-right corner of the chart, click <img class="image" id="Create_view_monitoring__image_u1v_yfl_3jb" src="https://obs-cn-shanghai.yun.pingan.com/pcp-portal/20201507091431-19a2a844901a.png"> to zoom in the whole chart.</li> </ul></section>