Setting up Gantt chart

This topic contains information on how to use Gantt Chart in your application. This can be done by Visual Board role "Visual Board ITSM" or "Visual Board BWF".

Refer to the page "Gantt-Chart" for a quick introduction.

To define a Gantt chart 

1. Once the Fusion Visual Boards are deployed  on the BMC Helix Innovation Studio environment, two new components are available under the “Toolbox” area while we are designing a new view.
   
   
   
2. Inside a container, add the Gantt-ITSM and Shared Settings object. The latter is for the relationship to the set “Smart-IT” – Base URL under in BMC Helix Innovation Studio Administration area.   

3. The input variable is especially important for the later opening of various elements within the Gantt chart.  Drag the Gantt-ITSM on your view.

   Important

   We can have only one Gantt or one Gantt ITSM in a view as it has the same id. 

   
   

   
   
   
   

4. To use the data based on the BMC ITSM CMDB in the Gantt Chart, an external record in Helix Platform is required. This record maps the fields of the record to the ITSM form. (Here: TMS: Task) You can easily add custom fields of the respective form to the record and access these fields later with views. The communication is bidirectional both ways.
   
5. Let us start by configuring the properties for Gantt-ITSM for "Workorder", first General View Settings:
   
   
   
6. Click on View configuration to configure the properties for The Task, Task Group, and Work Order record definitions. All three objects are mapped to their respective external records and refer to their ITSM Forms – TMS: TaskGroup, TMS: Task, and WOI: WorkOrder. 
7. In the respective sections the fields are to be mapped appropriately as in the example:
   
8. This is where you define the layout of the chart. 100hv is the full resolution of the browser window minus the 110px to keep a distance to the BMC Helix Innovation Suite menu bar. 
   
9. The debug checkbox can be used to output possible errors for troubleshooting in the browser console.
10. In addition to the color adjustments for the individual objects in the HTML color code, the input variable mentioned above is also mapped here, as well as the Smart IT URL from the BMC Helix Innovation Studio configurations.    
    

11. Provide the Task Description Name Field.

    

    
    

12. Complete the Shared Settings configuration like below: 

    

13. Save the changes. Configuration for Gantt Chart for ITSM Workorder is done. Similar way you can configure and create your own Gantt chart for the desired record definitions.