Apply grid changes in a chart without using SharedDateSource?

Question

My project has the same data source for the grid and chart, but I need to display all the data on the chart when the page loads and display the grid data when the button is clicked.

But earlier we used a common data source, so we can easily apply grid changes in the chart. Now we use a separate variable for the grid and the chart and apply "AutoBind=true" for the chart, and "AutoBind=false" both do not work, and the changes in the grid should be applied to the chart.

How to set the ratio for both the grid and the chart?

Here is the fiddle :

 var sharedDataSource = new kendo.data.DataSource({ type: "odata", transport: { read: "http://demos.kendoui.com/service/Northwind.svc/Orders" }, schema: { model: { fields: { OrderDate: { type: "date" } } } } }); var DataSource = new kendo.data.DataSource({ type: "odata", transport: { read: "http://demos.kendoui.com/service/Northwind.svc/Orders" }, schema : { model: { fields: { OrderDate: { type: "date" } } } } }); 

Answer 1

Using a common data source is the right approach. Here is a fiddle with a fixed code that meets your requirements: http://jsfiddle.net/vojtiik/kappG/2/ . The autoBind property expects a Boolean string (for example: true not "true").

 autoBind: true,