We need filters for charts. So we are inserting both table and chart in a single page using the shortcode. But in that case both table and chart are not displaying and getting a javascript error in the error console. The error is "Cannot set property 'data' of undefined" in wdt.chartJS.min.js?ver=2.3:1.

But both chart and table are displayed properly if only either one of them is inserted in the page.

We are using Avada theme in the site.

Please give a reply asap.Thanks in advance.

Thanks for replying.

I am not using 2 charts with same id. One table and chart linked to that table, because I need filtering for the chart. This is the link.

https://www.in4.0.testme.es/graphs/

Now graph is displayed because I have modified the source code in wdt.chartJS.min.js. But I don't think that is the right way because it should work without modifying the code.

My requirement is to show chart for a survey table, where I want to show percentage of response. Is there is way to do percentage calculation based on response count. 

Region in pie chart I have created is separated based on Id column. What I want to show is percentage of each response type with some filtering.

Expecting quick response since it has major impact on my project.

Could you please tell me why the graph is not rendering when I apply filters.

Expecting response atleast this time.