How to access the Chart object in Javascript DOM?

Question

I am drawing charts using chart.js. I am doing this dynamically and hence not storing the Chart objects in any Javascript variables and directly just rendering the charts at the run-time. Now I am thinking to build a feature for updating these charts. I know that for updating the charts, we need to use the .update() function. But I am not able to figure out how do I fetch the chart object.

Note: There are many charts on the webpage and new ones are constantly getting added with time. So it is not possible to store the chart objects for my implementation.

See if you can use "refs" to keep track of each chart and update them accordingly. — Tengu
– Tengu, Commented May 30, 2021 at 13:09
What is "refs"? Can you please share any articles or other resource. — Rahul Hindocha
– Rahul Hindocha, Commented May 30, 2021 at 13:13
Either this if you're using react or just a plain old getElementById() for vanilla JavaScript. Add ID's to each chart and then you can retrieve each singular instance using those IDs — Tengu
– Tengu, Commented May 30, 2021 at 13:21

wahab memon · Accepted Answer · 2021-05-30 14:39:41Z

2

To access the chart instance, you can simply use Chart.instances which will return a key-value pair. Values containing the chart instance. You can refer this fiddle as reference.

edited May 30, 2021 at 14:39

answered May 30, 2021 at 13:42

wahab memon

2,4562 gold badges14 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to access the Chart object in Javascript DOM?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related