5.3.2 Programmable Alerts
7.3 Data Management and Data Model Handling
7.3.4 Working with Data Model
7.4 Control Center
7.4.1 License Entitlements
7.5 Platform Settings
Panels > Area Chart
An area chart is used to display data that depicts a time-series relationship. It involves plotting data points on x- and y-axes and connecting them with lines. Area charts are primarily used when the magnitude of the trend is to be communicated rather than individual data values. This chart is effective for emphasizing trends, often by filling the area under the lines with color or shading.
Area charts are preferred when you want to communicate the overall trend in your data rather than individual values. They are especially useful for representing multiple data series with part-to-whole relationships or cumulative data sets.
To create the Area chart
(Refer to Dashboard Creation > Query)
On the right side of the default screen, select Visualization as Time series to create an Area Chart panel.
There are multiple options to edit the properties of the panel. The first one is Panel Options. Enter a Name and Description for the Panel that you want to create. For instance, if you’re making an area chart to track CPU usage, name the panel “Area Chart” and describe it as “CPU Usage.”
The Description is available in the top left corner and can be viewed by hovering over the i button.
The next part of Panel Options is Panel Link where you can point a link to any other website or dashboard of your choice. Enter a title, and URL, and select the ‘Open in a new Tab’ option if you want to open the link in a new tab. Click Save.
The URL can be a link to another dashboard or for getting help or useful info. When you click on a panel, it opens the link either in the same tab or a new tab, depending on your choices. For example, if you want to compare a default dashboard, just click the link to open it.
The next section is the Tooltip which is used to show the details of a panel.
There are 3 options to configure the Tooltip:
As you can see, there is a green-colored tip showing wherever you click on the graph.
The next option is the “Legend,” which essentially allows you to choose how you want the legend values to appear: at the bottom or on the right. The purpose of a legend is to provide a key or explanatory information for symbols, colors, or other elements used in a chart, map, diagram, or any visual representation
As for the Legend mode, you can display it in two ways:
You can select a number of values such as Last, First, Min, Max, Total, etc to show in the legend.
The values are the specific properties of the data.
The corresponding properties of the data will be displayed as a legend in the graph.
Use this option to define how to display your time series data. You can use overrides to combine multiple styles in the same graph.
Choose how the graph connects data points:
There are other options to configure such as:
Set the position of the bar relative to a data point. In the examples below, Show points is set to Always which makes it easier to see the difference this setting makes. The points do not change; the bars change in relationship to the points.
The secondary options for Bar Style Graph include:
As for the Points style, it only contains:
The next option is the Axis from where you can configure all the axis settings of your graph.
The further options that you can configure in your axis settings are:
The Standard Options are used to configure the other standard settings in the graph. It changes the way the graph appears.
The further options include:
The Data Links option is similar to the Panel Link where you can link a URL and then open it in another tab. It is placed on the data instead of the Panel.
You can click on the data anywhere and the link option will appear.
It is used for an instant link that you want to appear anytime you click on the data.
The Value Mappings option allows you to find a certain value and wherever the value lies, the display text is displayed. If there is a similar value in the data, it highlights in the form of the color selected.
The Thresholds option allows you to define and color-code value thresholds in three display modes:
Set color-specific thresholds to visualize performance levels more effectively.
For instance, for CPU usage, use green for 30, yellow for 40, and red for 50, enabling quick detection of threshold breaches and immediate action or error alerts.
Use the Add field Override option to modify existing fields. Overrides enable changes to field settings, same as the field options available in a particular panel, with the flexibility to select the target fields.
To add a field override, click on the Add Field Override button.
Select the Field type
Select a field type, based on the following properties:
You can add multiple fields overrides by repeating the same.
You have now learned how to configure the Area Chart, change the panel settings, and more. You can save and edit the panel later too.
An area chart is a good way to demonstrate trends over time to the viewer, for example
showing the population over time. This chart is based on the line chart. The filled area
can give a greater sense of the trends in a particular dataset.
An area chart is helpful if you want to observe how a metric, such as population, changes over time.
Go to the “Graphs Style” tab and change the chart type to a line or bar based on your needs.
Go to Standard Options, choose the color scheme for your series, and save your visualization. Your area chart will be saved along with the chosen colors.
Go to Axis settings and change the legend position to the right, left, top, or bottom.
The following things need to be checked.
Choose your Group By field in the Query tab and select “Terms” and in the Order section, select Top or Bottom.
Browse through our resources to learn how you can accelerate digital transformation within your organisation.
VuNet Systems is a next-gen visibility and analytics company that uses full-stack AI & Big Data analytics to accelerate digital transformation within an organisation. We provide deep observability into business journeys to reduce failures and enhance overall customer experience.
© 2023 VuNet. All Rights Reserved.