Inverted Area Chart

An inverted area chart is similar to a simple area chart but can handle two-measure values to be compared against a single-dimensional value. Unlike the normal area chart, where the area extends upwards from the baseline, the area chart extends both upwards and downwards. This helps with the comparison between the two measured values. The value represents the numerical values, and the axis represents the categorical values, such as time periods, categories, or other discrete values. By emphasizing the differences between the measures with a downward-extending shaded area, it provides clear and intuitive insights into the relationships and trends within the data. The inverted area chart is the best example to compare revenue and expenses over time or to actual vs. forecasted values against product.

Note

• A inverted area chart can be used to showcase the trend over time, compare trends between different categories and highlighting anomalies in data.
• Example Line charts can easily showcase the profit trends in sales around the year.

Note

• Use clear and concise labels for the categorical axis (time or categories) and numerical-axis (values) to ensure the chart is easy to understand.
• Use different line styles or colors to when grouping.

Dont's

Do not overcrowd the chart with many lines or data points.

Basic Configuration

Add and configure the inverted area chart in Infoveave with the simple drag-and-drop option. Select the Datasource, the associated measure and the dimensions required. Below are the simple steps on how to configure an inverted area chart in Infoveave.

1. Drag the inverted area chart and drop it onto the designer workspace, from the chart library.
2. Click on the inverted area chart in the designer to select it.
3. With the inverted area chart selected, go to the Configuration tab located in the Configuration panel.
4. Under the Configuration tab, select the Basic Configuration option to access the essential settings for the inverted area chart.
5. Select the Datasource from Source which the chart will pull the data from the option.
6. Choose the Measure(s) that represents the numerical values you want to display on the inverted area chart.
7. Choose the Dimension(s) that represents the categorical values you want to display on the inverted area chart.
8. Use the Date (optional) to include a date dimension in your chart, useful for showing trends over time.
9. Enable Hide Zero Values option (optional) to hide bars that have a value of zero.

Chart Customization

Customizing the inverted area chart allows you to tailor the widget appearance to meet your theme. With improved customization you can enhance the clarity on the data points, the chart aesthetics and set interactivity filters making your dashboard visually appealing also effectively communicating your data insights.

The basic customizations available for the inverted area chart are as below

• General Modify the chart’s general appearance, including the background color, borders, shadows, and drill-out choices.
• Title Enable and customize the chart title’s text, font, color, and alignment.
• Sorting Choose the order in which data points are shown in the chart.
• Grid Customize the visibility and style of grid lines and margins in the chart.
• Categorical Axis Set up the categorical axis, including labels, intervals, and range sliders.
• Numerical Axis Configure the numerical axis with labels, scaling, grid lines, and range sliders.
• Legend Adjust the legend’s visibility, position, text, and orientation, as well as heatmap settings.
• Series Customize the look and behavior of the data series, such as labels, colors, and backdrop.
• Tooltip Customize the tooltip settings to improve the information shown when you hover over data points.
• Others Additional options for applying the shadows to the area chart.