Issue with Chart Node

[j0sh162]

Current Behavior

When working with the chart node and using a bar type and you have more than 9 items it ends up creating the new bars with a very transparent and lightly coloured bar instead of repeating the colours as you can see here.

Expected Behavior

I expected the node to reuse the colours which had already been used similar to the pie chart.

Steps To Reproduce

You can reproduce this by dynamically inserting more than 9 items into the chart node.

Environment

• FlowFuse version: 2.7.0
• Node.js version: 18.20.4
• npm version:
• Platform/OS:
• Browser: Chrome

Have you provided an initial effort estimate for this issue?

I can not provide an initial effort estimate

[hardillb]

I've moved this to the Dashboard repo

[joepavitt]

Any updates on this @gayanSandamal?

[gayanSandamal]

Any updates on this @gayanSandamal?

It's almost completed but I didn't create the PR because I need to do more manual testings on this.
I will create the PR and keep it as a draft until finish with the testings