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

Question

我使用 Kendo ui 创建了堆积条形图，此处：http://jsfiddle.net/Came19xx/t06zq2nr/4/

我的问题是图表没有按顺序排列值。在我的数据源中，我有一个 "open" 和一个 "suspended" 值，就像这样：

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

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

kendo ui stacked bar chart datasource grouped not in order

javascript

kendo-ui

kendo-chart