Listview 内的 Kendo- 图表。每个数据源记录一张图表

Question

有没有人使用 Kendo 在 listView 中嵌入图表的工作示例？

图表必须使用与 ListView 相同的数据源。

剑道论坛http://www.telerik.com/forums/sparkline-inside-listview-html-template-有部分样本

最后一个 sn-p 不太适合我。

function createChart(){
var data = this.dataSource.data();
    for (var i = 0; i < data.length; i++) {
         var item = this.wrapper.find("[data-uid='" + data[i].uid + "']");
         var chart = item.find(".chart");
         chart.kendoChart({
             //....
         });
    };

干杯

迈克尔

Answer 1

如果要在列表视图或网格的客户端模板中初始化小部件，基本上应该使用 dataBound 事件。

这是一个使用 Grid 显示它的示例，同样的方法可以用于 ListView。 假设您的客户端模板中有一个带有图表类的 div。

dataBound:function(){
      $(".chart").kendoChart({ 
           //chart options
       })
}

这是one 演示，其中图表的数据是硬编码的。这里是another one，它实际上使用该行的网格数据项来获取图表的集合。