Gantt Chart - amCharts4 

Stable Version 1.0.0 (OutSystems 11)
Published on 14 October 2019 by 
Created on 14 October 2019

Gantt Chart - amCharts4 

Documentation

Gantt Chart - amCharts4

Gantt Chart - amCharts4 is a bar chart with dates used to visualize schedules, using version 4 of amCharts. In this chart, each bar is an item and the start/end corresponds to the beginning/end of that item.

How to use

To use this Gantt Chart you only have to go to Manage Dependencies in your application and import the Gantt web block and pass the necessary arguments for the configurations you want or need.

Inputs

 

 

           ItemList (item list) - the list with data to build the graph (mandatory field):

                       Id (text) - identifier of the item, each id corresponds to a chart bar;

                       Name (text) - value shows up in the y axis;

                       FromDate (date) - start date of that item;

                       ToDate (date) - end date of that item;

                       Tooltip (text) - value to show at tooltip functionality (if the parameter HasTooltip is set to true);

                       Label (text) - value to show inside the bar;

                       Url (text) - destination to go to once the bar is clicked (if the parameter HasURL is set to true);

                       Color (text) - color of the item bar.

           ChartDivId (text) - id of the container where the chart will be rendered (mandatory field).

           StartDate (date) - the initial date, if empty the graph will set it by looking at actual data.

           EndDate (date) - the final date, if empty the graph will set it by looking at actual data.

           TimeInterval (time interval) - configuration for the interval of time:

                      Count (integer) - count of time;

                      TimeUnit (time unit identifier) - unit of time.

           HasTooltip (boolean) - if set to true the graph will have a tooltip. The default value is False.

           AlwaysShowTooltip (boolean) - if set to true, the tooltip will always show otherwise it only shows on mouse hover. The default value is False.

           XAxisAboveBars (boolean) - if set to true the x axis with the dates will be above the bars, otherwise it will be under the bars. The default value is False.

           IsToExport (boolean) - if set to true the graph will have the option to be exported. The export options are: as Image in PNG, JPG, GIF, SVG or PDF formats; or Data in JSON, CSV or XLSX; or to print.  The default value is false.

           HasURL (boolean) - if set to true, you will be redirected to a URL once you click on a bar.


The Gantt Chart - amCharts4 has a sample where you can see an example of how to use it using Outsystems Sample Data.

Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Ana Vitoriano who created this component.
Dependencies
Gantt Chart - amCharts4  has no dependencies.