Skip to Content
Author's profile photo Former Member

Creating Customized Shapes in Gantt Chart Sap UI5

sap.gantt.GanttChartContainer is the UI5 control available for creating ganttchart. GanttChart is the graphical representation of the data.

There are multiple shapes that can be created using this control. Here is the way of creating few shapes using GanttChartContainer alongwith GanttChartWithTable.Below is screenshot of some shapes created.



data4.PNG


data5.PNG

Task1 is the name of a product across which there can be multiple orders . The Blue color rectangle is an task11, orange color half triangle represents task12, the Green color shape represents task13, the Red rectangle attached to blue rectangle represents task14.

The data for creating these shapes is created as follows,

data1.PNG

Starttime and endtime in the data indicates the starting and ending point of shape.

The shape to be drawn are defined as below:

data2.PNG

All the defined shapes are set to the GanttChartWithTable as below:

data3.PNG

All the shapes have properties as “fill” which  lets decide the choice of color, “title” value is displayed over the defined shape, “enableDnD” gives control over if the shape has to be drag-able or not.

Here is the snippix link with the example of the shapes drawn ,

http://veui5infra.dhcp.wdf.sap.corp:8080/snippix/snippets/80324


Assigned tags

      4 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Former Member
      Former Member

      Hi Neha,

      I am not able to access the example (http://veui5infra.dhcp.wdf.sap.corp:8080/snippix/snippets/80324).
      Kindly share the example.

      Thanks in advance!

      Author's profile photo Ritushree Saha
      Ritushree Saha

      Hi Neha ,

      Thanks for sharing the steps in blog to create custom shapes.

      Can we add text to the existing shapes and custom shapes . If yes , could you please help me with implementing the same.

       

      Thanks in advance

      Ritushree

       

      Author's profile photo Yogesh Gupta
      Yogesh Gupta

      Hi Ritushree

      Were you able to add text in the existing shapes?

      I've a similar requirement and facing some challenges.

       

      Thanks in advance

      Yogesh

      Author's profile photo Rene Portz
      Rene Portz

      Hi Guys

       

      did you slove the problem about add Text to the Shapes?

       

      Thanks in advance

      Rene