The Liquid Fill Gauge chart is a gauge that can represent the data labels in percentage value and numbers. The data is displayed with the water level along with animations. It has many liquid shapes like Circle, Ellipse, Rectangle, Diamond. The liquid fills up to the relevant value with water wave animation.
From the Dashboard Toolbox, open the Data Visualization node and drag-drop the Liquid Fill Gauge scenario under Indicators, onto the design area.
With the scenario selected, from the Data Binding tab, select the dataset. Once the dataset is successfully loaded in the designer, the data binding panel automatically expands and displays the data attributes available in the dataset.
The following image shows the Liquid Fill Gauge scenario bound to 'RetailDataset' dataset.
On dragging and dropping the data attributes to the data binding area of the scenario, the liquid fill gauge is plotted accordingly, with a default title on the design area.
To format the data attributes and control the display of data, you can perform a variety of operations such as renaming, modifying data format and display unit, creating a hierarchy field, applying an aggregation method, etc.
For more information about these operations, see Data Attributes.
In the following image, the data format for the data attributes is modified to display the actual and planned revenue in 'currency'.
Wyn Dashboards scenarios support rich data analysis and exploration capabilities that can help analyze massive amounts of information and make data-driven decisions. For example, adding filters to the scenarios, applying conditional formatting, etc. Note that you can apply all these operations using the Action Bar corresponding to each scenario in the designer.
For more information, see Data Analysis and Interactivity in Dashboards.
In the following image, data is filtered to show the sales revenue for the years - 2018 for Australia.
You can customize the default appearance by setting properties in the Inspector tab of the scenario such as selecting the liquid shape, wave animation, adding a border, modifying sub- titles, setting style, etc. Designing part is divided into the following 5 sections:
You can customize the following properties under the Chart Style.
You can customize the following properties under the Border Style.
You can customize the following properties under the Sub Title.
Note: This option is displayed only when the Show Label is set to True under Chart Style.
This section will display the comparison between the actual and target values. You can customize the following properties under Comparison Label.
You can customize the following properties under Data Label.
Note: This option is displayed only when the "Show Label" is set to True under Chart Style.