2013-02-05 3 views
0

내 페이지에서 KendoUI 크리드의 내용을 기반으로 차트를 동적으로 렌더링하려고합니다. 그리드의 DataBound 이벤트 내에서 발생합니다. 아래의 코드를 시도하면 gchart의 공간이 페이지에 할당되지만 아무 것도 보이지 않는 것처럼 보입니다. Firebug를 통해 데이터 소스 데이터가 차트에 있음을 알 수 있습니다. 또한 차트에 대한 범례가 렌더링되지만 차트가 표시되지 않는 것을 볼 수 있습니다. 이 차트에 전달 된 모델이 없다는 것을 언급해야합니다. 또한 테스트 데이터를 하드 코딩하고 차트를 렌더링하지 않고 데이터 소스를 설정하려고했습니다.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 test 데이터를 저장하고 내 데이터 소스를 설정하고 렌더링하지 않아도됩니다. 공유하면 유용 할 것입니다. JSFiddle 또는 JSBin에 넣을 수 있습니까? 답장을 보내 주셔서 감사합니다. – OnaBai

+0

문제에 대한 답을 찾았습니다. 그리드에서 차트로 데이터 소스를 설정할 수 없었습니다. 먼저 새 데이터 소스를 만든 다음 그리드의 데이터에 데이터 속성을 설정해야합니다. 차트에서 setDataSource를 실행하면 작업이 완료되었습니다. var data = new kendo.data.DataSource ( { data : gridDataSource._data, – MikeD

답변

0

나는 문제에 대한 답을 찾았습니다. 그리드에서 차트로 데이터 소스를 설정할 수 없었습니다. 먼저 새로운 데이터 소스를 만든 다음 그리드의 데이터에 데이터 속성을 설정해야합니다. 그러면 차트의 setDataSource가 작동합니다.

관련 문제