剑道UI堆积条形图数据源分组不是为了

Question

我已经创建了剑道的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）

“名称”字段和“num”字段可以更改它们的值。

Answer 1

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

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

更新FIDDLE