Kendo ui 为什么在使用公共数据源时不对网格应用分页

我参考了剑道的文章并做了眼动，但我找不到任何解决办法。 步骤1：

当我们使用公共数据源并通过分页将整个数据绑定到图表和网格时，是否可能在加载页面时发生这种情况

步骤2：

随后，根据网格上应用的过滤条件，图表中的数据应该更改

有没有可能的帮助或建议

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

});
common.read();

var grid = $("#grid").kendoGrid({
    dataSource: common,
     pageSize : 10,
    pageable  : {

        refresh  : true,
        pageSizes: [10, 20]
    },
    filterable:true,
    columns   : [
        {
            field     : "OrderID",
            filterable: false
        },
        "Freight",
        {
            field : "OrderDate",
            title : "Order Date",
            width : 100,
            format: "{0:MM/dd/yyyy}",
            filterable: true
        },
        {
            field: "ShipName",
            title: "Ship Name",
            width: 200,
            filterable: true
        },
        {
            field: "ShipCity",
            title: "Ship City",
            filterable: true
        }
    ]

}).data("kendoGrid");
$("#chart").kendoChart({
    dataSource  : common,
    autoBind    : false,
    categoryAxis: {
        field: "OrderID"
    },
    legend      : {
        position: "right", visible: true
    },

    seriesDefaults: { type: "area" },
    series        : [
        { field: "OrderDate", name: "OrderDate" },
        { field: "Freight", name: "Freight" },
        { field: "ShipVia", name: "ShipVia" }
    ],
    valueAxis     : [
        {
            name   : "OrderID",
            max    : 5.0,
            min    : 0,
            labels : {
                format: "{0}"
            },
            tooltip: { visible: true }
        }
    ]
});

---

到目前为止，我一直在测试fiddle：

网格没有页面大小选项。您需要在数据源配置中设置页面大小：

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

});

---

这是更新后的JSFIDLE:

，但图表数据也反映了同样的情况。我希望在加载页面时在共享数据源中使用分页的网格。以及包含整个数据的图表。之后，基于我的页面大小选择，只有图形应该更新。共享数据源不能发生这种情况，因为它是共享的。如果对数据源进行分页-绑定到该数据源的所有窗口小部件将只获得一页数据。是否有其他方法，因为我需要显示包含所有数据的图表。稍后，应执行所有操作。其他方法是有两个数据源。在加载页面时，是否有可能将自动绑定false保留到网格。