2013-02-05 36 views
0

我想要做的是動態呈現基於我的網頁上的KendoUI crid內容的圖表。這發生在網格的DataBound事件中。當我嘗試下面的代碼時,似乎gchart的空間分配在頁面上,但沒有任何內容。我可以通過Firebug看到數據源數據在圖表中。此外,我可以看到圖表的圖例將呈現,但沒有圖表。我應該提到,沒有模型傳遞給這個圖表。此外,我嘗試硬編碼測試數據和setiing我的數據源,並仍然沒有渲染的圖表。從網格數據源與JQuery KendoUI圖表數據源不會呈現

function onDataBound(arg) { 
    gridDataSource = arg.sender.dataSource; 
    if (gridDataSource.group().length > 0) { 

     var theChart = $("#chart").data("kendoChart"); 

     theChart.options.series[0].field = "VALVAL_ALT_CMB_AMT"; 
     theChart.options.series[0].categoryField = "RCD_NUM"; 
     theChart.options.series[0].data = gridDataSource._data; 
     theChart.refresh(); 

    } 
} 
+0

我忘了添加 - 這是一個餅圖 – MikeD

+0

由於你_hardcoding測試數據和setiing我的數據源,並仍然沒有渲染_它將對我們有用,如果你分享它。你可以把JSFiddle或JSBin? – OnaBai

+0

感謝您的回覆。我找到了問題的答案 - 我不能將數據源從網格設置到圖表。我需要首先創建一個新的數據源,然後將其中的數據屬性設置爲網格中的數據...然後setDataSource在圖表上,它的工作... var data = new kendo.data.DataSource( { data: gridDataSource._data, – MikeD

回答

0

我找到了問題的答案 - 我不能將數據源從網格設置到圖表。我需要首先創建一個新的數據源,然後將其中的數據屬性設置爲網格中的數據...然後setDataSource在圖表上,它工作