--- title: Working with Graphs slug: zen-master/working-with-graphs docTags: createdAt: 2024-12-27T15:37:41.864Z --- ZEN Master features a wide variety of graphs that allow you to monitor the resources, objects, and networks over time. In most cases, the data is gathered from the underlying resource/object (e.g., Broadcaster, ZEC, etc.) and displayed in the relevant graph format and units/scales. # Understanding the legends Most graphs display multiple measurements in a single graph to provide multiple perspectives and help in the troubleshooting process. Each measurement and its related color appears in the legend, which is located underneath the corresponding Y-axis. The Y-axis adjusts to accommodate the min and max values of the entire displayed graph, expanding or contracting to show as much detail as possible for the given range. For example, the following graph measures the CPU (green) and Memory (yellow) utilization. Both legends are located underneath the Y-axis on the left as they share the same unit scale, which in this case is the percentage.  The X-axis refers to the timescale of the graph, with the right-hand edge being the current point in time, left of which the data progresses further into the past. ![Sample graph](https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/ObgevHo7BbMZx9Q-0ss22_image.png) # Viewing the measurement details To view the exact measurement details of a graph at any point in time, hover your mouse over the graph at the desired point in time. ![Getting details for point on the graph](https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/H1OiQXmKjWruN_Msmhv9J_image.png) # Changing the time range There are multiple ways to change the timescale displayed on the graph: - Entering an absolute time range - Selecting a relative time range  - Navigating back/forward across the time range - Zooming in to a selected range - Zooming out ## Changing the time range by entering an absolute time range To change the time range by entering an absolute time range: ::::WorkflowBlock :::WorkflowBlockItem Click the **Time Range** field. ::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/W1s-UaPbk1Pv2ul7iqzX9_image.png" size="32" width="329" height="91" position="flex-start" showCaption="false"} ::: :::WorkflowBlockItem Under the **Absolute time range** section click the **From** field or enter an exact date and time in the following format – YYYY-MM-DD HH. ::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/zPOxU5fM0cVaEIBPb4Mo7_image.png" size="68" width="690" height="513" position="center" alt="Setting the From date/time" showCaption="false"} ::: :::WorkflowBlockItem Select the beginning of the time range, by double-clicking the desired day in the calendar. ::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/s76xGFLaju15tpvRsNVsy_image.png" size="80" width="948" height="490" position="center" alt="Selecting a day on the calendar" showCaption="false"} ::: :::WorkflowBlockItem Optionally edit the time in the following format - HH\:MM. ::: :::WorkflowBlockItem Click the **To** field and repeat the process. ::: :::WorkflowBlockItem Click **Apply time range**. The graphs will be updated with graphs from the selected time range. ::: :::: ## Selecting a relative time range **To select a relative time range:** ::::WorkflowBlock :::WorkflowBlockItem Click the **Time Range** field. ::: :::WorkflowBlockItem Under the **Relative time range** section, click on one of the relative time ranges from the list. The graphs will be updated with graphs from the selected time range. ::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/cQNc3Yr4AdsZPBeJpBekd_image.png" size="64" width="606" height="484" position="center" alt="Relative time range options" showCaption="false"} ::: :::: ## Navigating back/forth across the time range **To navigate back and forth in time:** ::::WorkflowBlock :::WorkflowBlockItem Click the **Time Range Zoom Out** button. ::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/IVQ4-vWQPa1e7mk07JKkA_image.png" size="46" width="351" height="219" position="flex-start" alt="Time Range Zoom Out button" showCaption="false"} ::: :::WorkflowBlockItem Click the right/left arrow to move forward/backward in time at the same time interval as the selected time range. ::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/D3gODMdsEMVC7oDBvmATW_image.png" size="80" width="602" height="217" position="center" alt="Adjust the time interval for the graph" showCaption="false"} ::: :::: ## Zooming in to a selected range To focus on a specific time range within the graph, select the time range using your mouse. ::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/nQjaM3OWoB-VlgLntitKt_image.png" size="80" width="497" height="353" position="center" alt="Selecting time range with mouse" showCaption="false"} The graph displays the selected time range and the specific time range is displayed in the time range filter. ## Zooming out To zoom out in the time range, click the **Time Range Zoom Out** button. ::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/ikOjKW9HtIltBq7mE8_pO_image.png" size="38" width="306" height="98" position="center" alt="Zoom out button" showCaption="false"} # Changing the time zone By default, the graph uses your browser’s local time zone, however it is possible to change the timezone. The time zone is indicated in the **Browser Time** field. ::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/GR2HQX340FLfUGo3b8ZlQ_image.png" size="80" width="695" height="494" position="center" alt="Time zone selector" showCaption="false"} **To change the timezone:** ::::WorkflowBlock :::WorkflowBlockItem Click the **Time Range** field. ::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/5R6nmdKRsDBpyPq_sYBnv_image.png" size="36" width="329" height="91" position="center" alt="Time range field" showCaption="false"} ::: :::WorkflowBlockItem Click **Change Time Zone**. ::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/OJY0w4IUKtV6aJCCheokz_image.png" size="80" width="663" height="497" position="center" alt="Change time zone button" showCaption="false"} ::: :::WorkflowBlockItem Select the relevant timezone from the drop-down list. You can search it by typing the name of the country, city, or the timezone abbreviation. ::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/kVJnsSL7RS6nU4Y8lnUJY_image.png" size="80" width="638" height="685" position="center" alt="Select/Search for timezone" showCaption="false"} ::: :::: # Refreshing the graph The data presented in the graphs does not refresh on its own (i.e., it displays data up to the moment the graph has been displayed). It is possible to refresh the data manually or automatically at predefined time intervals. **To manually refresh the graph:** - Click the **Refresh** button. ::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/f8VCnlLLbjePW4vx10IYg_image.png" size="26" width="302" height="87" position="center" alt="Refresh button" showCaption="false"} **To set an automatic refresh time interval:** ::::WorkflowBlock :::WorkflowBlockItem Click the dropdown menu next to the **Refresh** button. ::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/3DUu_CbPPszqGhD9_dYos_image.png" size="34" width="305" height="81" position="center" alt="Dropdown menu" showCaption="false"} ::: :::WorkflowBlockItem Select the relevant refresh time interval from the list. ::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/zoYt0CV1u0vGWD1iRXThY_image.png" size="38" width="308" height="321" position="center" alt="Refresh time interval selector" showCaption="false"} ::: ::::