Javascript 我的剑道图数据在pageload上显示不正确

我的应用程序中有一个剑道网格和剑道图表。我使用图形和网格的共享数据源。我的问题是页面加载网格显示所有数据，但图表仅显示部分数据

我的图表代码：

$("#Chart").kendoStockChart({
    theme         : $(document).data("kendoSkin") || "metro",
    dataSource    : DataSource,
    autoBind      : false,
    legend        : {
        position: "right", visible: true
    },
    dateField     : "date",
    seriesDefaults: { type: "line" },
    series        : [
        {
            field: "value",
            name : "value"
        }
    ],
    valueAxis: [
        {
            max    : 5.0,
            min    : 0,
            labels : {
                format: "{0}"
            },
            tooltip: { visible: true, format: "{0}" }
        }
    ],
    navigator: {
        series: [
            { field: "item", type: "area"}
        ]
    }
});

---

更新至剑道UI v2012.3.1315的更新版本

<script src="http://cdn.kendostatic.com/2012.3.1315/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1315/js/kendo.all.min.js"></script>
<link href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.common.min.css" rel="stylesheet"/>
<link href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.default.min.css" rel="stylesheet"/>
<link href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.dataviz.default.min.css" rel="stylesheet"/>

---

检查此处运行的代码：

是否可以在JSFIDLE或JSBin中共享一些显示发生了什么的示例？这是我尝试此代码的小提琴。我错在哪里？你的小提琴不运行！是的，它不在fiddle中工作，但代码在我的应用程序中工作。我的requ是这样的，但在最后一个示例中工作，对吗？我可能会试图帮助您在代码中找到问题，但我需要能够重现它。如果您在JSFIDLE中包含的代码甚至没有运行…感谢您的快速响应，但我们在商业产品中也使用了相同版本的剑道ui，但仍然没有显示图形。您的意思是我的小提琴不工作吗？这需要一些时间，因为传输的文件需要很长时间，但最后，它显示。您的小提琴工作正常，但这里的问题是，页面加载网格应仅显示20条记录，这意味着它显示默认页面大小，并且在图表中也应显示所有记录数据。是否可能？显示所有记录的原因是数据源中不包括页面大小。共享数据源有这个缺点。另一种选择——避免两个完全独立的数据源——是共享数据——构建第二个数据源，使用从第一个数据源检索到的数据。在上面的答案中看到我的编辑。是的，它工作得很好，但在过滤网格或更改页面时，图形并没有改变

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