Question

我有一个具有相同数据的图表和网格，我希望在我通过单击排序选项对网格进行排序时对图表进行排序，例如：

这是数据源：

 var Data= [
    { id: 1, name: "Jane Do", age: 30 },
    { id: 2, name: "John Doe", age: 33 }
  ];

这是网格：

 $("#grid").kendoGrid({
columns: [
  { field: "name" },
  { field: "age" }
],
dataSource: {
  data:Data

},
sortable: true,
 sort: function(e) {
  console.log(e.sort.field);
  console.log(e.sort.dir);
}  
 });

以下是图表：

 $("#chart").kendoChart({

dataSource: {
    data: Data,

},

series: [{
    type: "column",
    field: "age",
    categoryField: "name"
}],     
});

Answer 1

您需要对图表应用相同的网格排序选项：

sort: function(e) {
    $("#chart").data("kendoChart").dataSource.sort(e.sort);
}

Demo

对于相同的数据，如何根据网格排序对图表进行排序

1 个答案: