kendo ui堆积条形图数据源分组不按顺序

Question

我用 Kendo ui 创建了一个堆积条形图，这里：http://jsfiddle.net/Came19xx/t06zq2nr/4/

我的问题是图表没有按顺序排列值。 在我的数据源中，我有一个“打开”和一个“暂停”值，就像这样：

var data2 = [{"name":"abc","num":1,"state":"open"},
{"name":"abc","num":1,"state":"suspended"},
{"name":"def","num":2,"state":"open"},
{"name":"def","num":5,"state":"suspended"},
{"name":"ghi","num":3,"state":"open"},
{"name":"ghi","num":21,"state":"suspended"},
{"name":"jkl","num":4,"state":"open"},
{"name":"jkl","num":9,"state":"suspended"},
{"name":"mno","num":5,"state":"open"},
{"name":"mno","num":5,"state":"suspended"},
{"name":"pqr","num":6,"state":"open"},
{"name":"pqr","num":14,"state":"suspended"},
{"name":"stu","num":7,"state":"open"},
{"name":"stu","num":6,"state":"suspended"},
{"name":"vwxyz","num":8,"state":"open"},
{"name":"vwxyz","num":5,"state":"suspended"}];

所以我按状态对数据源进行分组，但我没有得到与条形图上的名称对应的打开值，我无法按名称对其进行排序，因为它将停止工作。

例如，我希望 abc 位于第一行，堆叠条的左侧（橙色）为 1，右侧（红色）为 2，但我得到的 vwxyz 具有正确的暂停值（5 ) 和错误的打开值（3 而不是 8）

“name”字段和“num”字段可以改变它们的值。

Answer 1

尝试在数据源上添加名称作为排序字段：

dataSource: {
    data: data2,
    group: [{
        field: "state",
        dir: "desc"
    }],
    sort: {
        field: "name",
        dir: "asc"
    }
}

更新FIDDLE