Widgets > Area chart

Overview

The Line chart Widget for Bizagi is available for download at Bizagi Widget Xchange.

Through this Widget, you will be able to display area charts anywhere in your process forms to present statistics.

Area_teaser

Before you start

In order to test and use this Widget, you will need:

1.Bizagi Studio previously installed.

2.This specific Widget previously installed, either as described at https://help.bizagi.com/platform/en/index.html?widget_xchange.htm, or as described at https://help.bizagi.com/platform/en/index.html?widgets_manualinst.htm.

Data model considerations

In order to use this Widget, you need in your data model a Collection type attribute which holds the multiple paired values to display.

Paired values are graphed in a chart (x, y coordinates and axis).

Such collection should include these attributes:

•One integer type attribute, having the value of each recorded information.

•One string type attribute, ideally a name that identifies each recorded information uniquely.

The above means that ideally, logical records should not be repeated within the collection.

This type of chart is usually best to use an x-axis that represents moments in time.

The sample image below shows the use of a Invoice products collection, while relying on the Quantity and Description attributes.

Pie_datamodel

Properties configuration

In order to configure this Widget once it is installed in your project, include it in any form and set it properties in the Forms designer, just as you would do with any other type of Bizagi control.

Area_forms

Consider the following properties.

PROPERTY / SUB-PROPERTY	POSSIBLE VALUES	DEFAULT VALUE / SUGGESTED
Data binding	A collection type attribute which holds the multiple records displayed by the chart.	Not applicable. This property is mandatory.
Attribute for categories (sub-property of data binding)	A name providing a way to identify uniquely each of the categories.	Not applicable. This property is mandatory.
Attribute for occurrences (sub-property of data binding)	A numeric value having the amount registered per category.	Not applicable. This property is mandatory.
Title	A descriptive information for the chart main header.	(none)
Subtitle	A complementary bit of information for the header.	(none)
Description	An optional caption for an elaborated clarification.	(none)
Y axis caption	A title for the for the y-axis that represents best the records of the collection.	(none)
Base color	The base color which is used for each of the records in the chart. Possibilities are: Green, Blue, Red or Brown.	Green

note_pin

Notice all Bizagi controls and Widgets, enable a visible property which allows you to set if that control should be displayed in a given form or not (e.g, by using a business rule).

This Widget is designed as read-only.

For complete documentation or more information about this Widget's possibilities (e.g, if you wish to customize and extend it), refer to the information about the implemented jQuery Plugin at http://www.highcharts.com/demo/area-basic.

Last Updated 10/28/2022 9:46:46 AM