How to provide colour manually for the gantt chart ?

[vivek7890]

trafficstars

Can we provide colour manually for the gantt chart and also if we can customized left aligned text inside each horizontal bar itself? If yes how can we do it? Can you give one example?

[thellimist]

              <Chart
                chartType="Gantt"
                loader={<div>Loading Chart</div>}
                data={series}
                width="100%"
                options={{
                  height: height,
                  gantt: {
                    trackHeight: trackHeight,
                    palette: [
                      {
                        "color": theme.palette.info,
                        "dark": theme.palette.info.dark,
                        "light": theme.palette.info.light
                      },
                      {
                        "color": theme.palette.success,
                        "dark": theme.palette.success.dark,
                        "light": theme.palette.success.light
                      },
                      {
                        "color": theme.palette.secondary,
                        "dark": theme.palette.secondary.dark,
                        "light": theme.palette.secondary.light
                      }
                    ]
                  }
                }}
                chartEvents={chartEvents}
              />

this works however, the colors are still not based on the specific item I'd want to color.

[rakannimer]

Thanks @thellimist 🙏 !

[pohsiu]

Am I able to color the specific item I'd want to color?