Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #108724
    faraaz
    Participant

    I want to use gantt chart task baseline, but its not working. if i add the showBaseline= true, i can see that the gantt chart task size has been decreased but cannot the color of task baseline. If i tried t add the color thru css using gantt chart class

    .smart-gantt-chart .gantt-chart-baseline{

    background-color: rgba(255, 0,0, 0.3);

    }

    #108726
    ivanpeevski
    Participant

    Hi faraaz,

    The baseline of a task will be shown only if the task has a “planned” property, which determines the dateStart and dateEnd of the baseline.

    Please see the example on our site – https://www.htmlelements.com/demos/gantt/task-baseline/

     

    Best Regards,
    Ivan Peevski

    Smart UI Team
    https://www.htmlelements.com/

    #108728
    faraaz
    Participant

    I do have planned property in my gantt chart, but still not working

    {
              "hidden": false,
              "baselineFn": "0001-01-01T00:00:00",
              "baselineSt": "0001-01-01T00:00:00",
              "resources": [],
              "tasks": null,
              "connections": [
                {
                  "target": 3,
                  "type": 1
                }
              ],
              "planned": [
                {
                  "dateStart": "2023-09-19",
                  "dateEnd": "2023-09-23"
                }
              ]
            }
    #108730

    Hi,

    You should have dateStart and dateEnd in the task object, the label can be skipped and the default label will be ‘Unassigned’
    Here is an example with similar task to yours:
    https://codepen.io/dkeamcaksoem/pen/jOXaXxe

    Best Regards,
    Svetoslav Borislavov

    Smart UI Team
    https://www.htmlelements.com/

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.