Re-render chart using new data

Topic: Re-render chart using new data

I cannot find any documentation on how to re-render a bar chart (any chart) when I have updated data to pass to the chart. I want to be able to render a chart with new values based on an api call that is triggered when I select an item from a list. I have already tried updating the data in the object that was used to render the chart initially but this does not re-render the chart using the new data. I looked through the documentation and api guide but found nothing on how to triger an update/render of the chart.

Is it possible to do this with the mdbvue charts? I looked at the vue-chartjs documentation and it looks like it is possible to do this using their api.

Add comment

Jakub Strebeyko staff answered 6 years ago

0 0 Best answer

Hi there @frederickvalone,

Thanks for reaching out with it!

Since we are using vue-chartjs solutions to make it work, we fell prey to vulnerabilities of the original project when it comes to dynamic chart data changes. Worth to note, the wrapper's author tried to reach kudos-worth end of adding reactiveness to otherwise static chart rendering.

Unfortunately, after long hours of investigating, it turned out the feature is, as per the project's docs, not robust at least. Suggested solutions, be it using the enclosed mixins or creating custom watchers, did not work on my end (to be exact, creating a watcher for chartData prop object did work, but still produced errors in the console regarding possible endless loops).

The issue gets submitted as a bug to our taskboard to be resolved. As of know I am assuming there might be some work necessary, a little / a lot of which would've involve pull-requests in the original vue-chartjs project.

I encourage anyone interested in the issue to follow the issue thread to see where that goes and submit their pull requests once the reasons for warnings are known.

With Best Regards, Kuba

Add comment

Mafick answered 6 years ago