fix(core): fix issue where legend component ids are not unique

[joker23]

#1619

Updates

this commit will initialize a chartId in the domutils class when an instance of the class is created... this ensures that any ids generated by the domutils can be unique based on that id

Demo screenshot or recording

chart legend id will now have a unique id component

[netlify]

✅ Deploy Preview for carbon-charts-react ready!

Name	Link
🔨 Latest commit	0a1abd6
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-charts-react/deploys/6570fb482fdbd2000897b55c
😎 Deploy Preview	https://deploy-preview-1688--carbon-charts-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for carbon-charts-core ready!

Name	Link
🔨 Latest commit	0a1abd6
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-charts-core/deploys/6570fb482609b60008c89f41
😎 Deploy Preview	https://deploy-preview-1688--carbon-charts-core.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for carbon-charts-angular ready!

Name	Link
🔨 Latest commit	0a1abd6
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-charts-angular/deploys/6570fb4846169200083d09e6
😎 Deploy Preview	https://deploy-preview-1688--carbon-charts-angular.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[carbon-bot]

DCO Assistant Lite bot All contributors have signed the DCO.

[joker23]

I have read the DCO document and I hereby sign the DCO.

[theiliad]

Hi @joker23,
For some reason I'm now seeing id='chart-undefined' in the Deploy Previews
https://deploy-preview-1688--carbon-charts-react.netlify.app/?path=/story/simple-charts-bar-floating--horizontal-floating-bar-time-series

[theiliad]

comment above

[joker23]

Hey @theiliad - I did a quick test and it looks like the dom-util instance used by the chart and the legend are different? What I did was lazy load the chart id per instance by modifying the getChartID function to:

	getChartID() {
		if (!this.chartID) {
			this.initializeID()
		}

		return this.chartID
	}

Theoretically if the dom util service is shared between the chart and the legend then they should be the same value, but I got:

Thoughts?

For what it's worth, the chart ids today between the wrapper and legend doesn't match up so it's probably okay?

[theiliad]

I believe this was fixed by @RiyaJethwa. IDs seem to be correct on storybook, pls lmk if this PR still applies