Question

我要做的是根据页面上KendoUI crid的内容动态呈现图表。这将发生在网格的DataBound事件中。当我尝试下面的代码时，似乎gchart的空间被分配在页面上，但没有任何东西。我可以通过Firebug看到数据源数据在图表中。此外，我可以看到图表的图例将呈现但没有图表。我应该提一下，没有模型传递给这个图表。此外，我尝试硬编码测试数据并将我的数据源定位到该数据源，但仍然没有渲染图表。

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();

    }
}

Answer 1

我找到了问题的答案 - 我不能只将数据源从网格设置到图表。我需要首先创建一个新的数据源，然后将其中的数据属性设置为来自网格的数据...然后在图表上设置setDataSource并且它可以工作

来自使用JQuery的网格数据源的KendoUI图表数据源将不会呈现

1 个答案: