javascript - 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