<p class="shortdesc">After creating a dashboard, you can add a custom graph under the dashboard. </p> <section class="section prereq" id="add_chart__prereq_xmj_hkl_3jb"><div class="tasklabel"><h2 class="doc-tairway">Before you begin</h2></div> <div class="p"> <ol class="ol" id="add_chart__ol_kpv_3kl_3jb"> <li class="li">The dashboard has been grouped. See <a class="xref" href="/ssr/help/manage/argus/cfg.Monitoring_dashboard.create_group" target="_blank">Create a Screen Group</a></li> <li class="li">The dashboard has been created. See <a class="xref" href="/ssr/help/manage/argus/cfg.Monitoring_dashboard.create_dashboard" target="_blank">Create a Dashboard</a></li> </ol> </div> </section> <section class="section context"><div class="tasklabel"><h2 class="doc-tairway">About this task</h2></div> <p class="p">Adding the custom monitor graphs can meet your monitoring requirements for different cloud services. You can add monitor graphs to every dashboard. Each monitor graph can be set to display monitoring data from two perspectives:</p> <ul class="ul" id="add_chart__ul_jvv_y1v_jjb"> <li class="li"><strong class="ph b">The perspective of metrics</strong>: each graph covers a metric. You can view the metric’s data change trend of multiple instances in the same graph. For example, if an application has deployed multiple ECS instances, you need to monitor their CPU usage rate. You can add a monitor graph from the perspective of metrics, so that the trend of CPU usage rate of multiple ECS instances over time can be seen in the same graph. <img class="image" id="add_chart__image_l4g_r2v_jjb" src="https://obs-cn-shanghai.yun.pingan.com/pcp-portal/20201507091432-12335c9190c9.png" width="500"></li> <li class="li"><strong class="ph b">The perspective of <strong class="ph b">in</strong>stances</strong>: each graph covers an instance. You can view different metrics’ data change trend of the same instance in the same graph. For example, if you need to monitor the CPU usage rate, memory used percent, disk used percent and other indicators of an ECS instance, you can add a monitor graph from the perspective of an instance, so that you can view these three metrics’ data change trend of the instance in one graph at the same time.<img class="image" id="add_chart__image_k3f_xfv_jjb" src="https://obs-cn-shanghai.yun.pingan.com/pcp-portal/20201507091432-1749a7819952.png" width="500"></li> </ul> </section> <section id="add_chart__steps_ijf_b3k_3jb"><div class="tasklabel"><h2 class="doc-tairway">Procedure</h2></div><ol class="ol steps" id="add_chart__steps_ijf_b3k_3jb"><li class="li step stepexpand"> <span class="ph cmd">Log in to the <a class="xref" href="/console/argus/overview" target="_blank">Argus Console</a>.</span> </li><li class="li step stepexpand"> <span class="ph cmd">In the left navigation pane, click <span class="ph uicontrol">Dashboard</span>.</span> </li><li class="li step stepexpand"> <span class="ph cmd">There are two methods to add a graph:</span> <div class="itemgroup info"> <ul class="ul" id="add_chart__ul_jh3_klk_3jb"> <li class="li">If you add a graph for the first time, you can click <span class="ph uicontrol">New Graph</span> on the <span class="ph uicontrol">View</span> tab.<img class="image" id="add_chart__image_cfj_rlk_3jb" src="https://obs-cn-shanghai.yun.pingan.com/pcp-portal/20201507091431-13fc13b79cd5.png"></li> <li class="li">If you have added a graph, you need to click the <span class="ph uicontrol">Edit</span> tab, and then click the <span class="ph uicontrol">New Graph</span> at the bottom of the tab.<img class="image" id="add_chart__image_nbk_knk_3jb" src="https://obs-cn-shanghai.yun.pingan.com/pcp-portal/20201507091431-1373fa5b9813.png" width="750"></li> </ul> </div> </li><li class="li step stepexpand"> <span class="ph cmd">On the page that opens, configure the graph.</span> <div class="itemgroup info"> <img class="image" id="add_chart__image_rd2_tmk_3jb" src="https://obs-cn-shanghai.yun.pingan.com/pcp-portal/20201507091431-13dae33993d6.png" width="750"> <table class="table frame-all" id="add_chart__table_xnd_fmk_3jb"><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="add_chart__table_xnd_fmk_3jb__entry__1" colspan="2">Configuration item</th> <th class="entry" id="add_chart__table_xnd_fmk_3jb__entry__2">Description</th> </tr> </thead><tbody class="tbody"> <tr class="row"> <td class="entry" headers="add_chart__table_xnd_fmk_3jb__entry__1 " rowspan="4"> <p class="p"><span class="ph uicontrol">Graph</span></p> </td> <td class="entry" headers="add_chart__table_xnd_fmk_3jb__entry__1 "> <p class="p"><span class="ph uicontrol">Graph name</span></p> </td> <td class="entry" headers="add_chart__table_xnd_fmk_3jb__entry__2 "> <p class="p">The name of the custom monitor graph.</p> </td> </tr> <tr class="row"> <td class="entry" headers="add_chart__table_xnd_fmk_3jb__entry__1 "> <p class="p"><span class="ph uicontrol">Type</span></p> </td> <td class="entry" headers="add_chart__table_xnd_fmk_3jb__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="add_chart__table_xnd_fmk_3jb__entry__1 "> <p class="p"><span class="ph uicontrol">Graph Type</span></p> </td> <td class="entry" headers="add_chart__table_xnd_fmk_3jb__entry__2 "> <p class="p">Click the drop-down menu and select:</p> <ul class="ul" id="add_chart__ul_efj_c4k_3jb"> <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="add_chart__table_xnd_fmk_3jb__entry__1 "> <p class="p"><span class="ph uicontrol">Monitor instance</span></p> </td> <td class="entry" headers="add_chart__table_xnd_fmk_3jb__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="add_chart__table_xnd_fmk_3jb__entry__1 "> <p class="p"><span class="ph uicontrol">Metric</span></p> </td> <td class="entry" headers="add_chart__table_xnd_fmk_3jb__entry__1 "> <p class="p"><span class="ph uicontrol">Metric</span></p> </td> <td class="entry" headers="add_chart__table_xnd_fmk_3jb__entry__2 "> <p class="p">Metrics to be monitored.</p> <ol class="ol" type="a" id="add_chart__ol_wft_m4k_3jb"> <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> </div> </li><li class="li step stepexpand"> <span class="ph cmd">Then click <span class="ph uicontrol">Confirm</span>.</span> </li></ol></section> <section class="section result" id="add_chart__result_qpv_wmk_3jb"><div class="tasklabel"><h2 class="doc-tairway">Results</h2></div><p class="p">After finishing, you can see the graphs just created and the displayed data on the <span class="ph uicontrol">View </span> tab.</p><img class="image" id="add_chart__image_kxm_khv_jjb" src="https://obs-cn-shanghai.yun.pingan.com/pcp-portal/20201507091432-1529e69d9739.png" width="830"></section>