Gantt chart annotations

[SergioWhite]

Hello!

I am using a gantt chart. I fill it with tasks in the following way:

tasks: {
    task: [
      {
        label: "In Use",
        processid: "A",
        start: "1/1/2018",
        end: "13/1/2018",
        bordercolor: "#62B58D",
        color: "#62B58D",
        id: "1"
      },
      {
        label: "Idle",
        processid: "A",
        start: "13/1/2018",
        end: "18/1/2018",
        bordercolor: "#F2726F",
        color: "#F2726F",
        id: "2"
      }
  ]
}

And I get the following chart: 

I need to add images to the start and end of a gantt chart task:

I want to do this with annotations and markers. In the documentation, I found convenient markers for datasets:

x:$dataset.0.set.1.STARTX,
y:$dataset.0.set.1.STARTY

With this marker, I can select the desired dataset and add an image for it. But in the Gantt chart, I do not use datasets, but tasks. What marker should I use to find the task I want and add images for it?

Thank you!

[Srishti Jaiswal]

Hi SergioWhite,

For positioning image annotation in the Gantt chart you can use the same dataset macros.

Reference: https://www.fusioncharts.com/dev/chart-guide/chart-configurations/annotations/annotation-references#-dataset

 

You may refer to this demo: http://jsfiddle.net/srishti_fc/75Lfyr3k/1/

 

Hope this will help.

Thanks,

Srishti

[SergioWhite]

Hi Srishti Jaiswal!

It really works. Apparently, I was doing something wrong when describing the datasource or annotations. Many thanks!

[Srishti Jaiswal]

On 3/18/2021 at 7:10 PM, SergioWhite said:

Hi Srishti Jaiswal!

It really works. Apparently, I was doing something wrong when describing the datasource or annotations. Many thanks!

Welcome