javascript-错误的列中的KendoUI柱形图分组数据

KendoUI柱形图存在这个问题.我有一组从服务返回的JSON数据. JSON非常简单明了.

当我将此数据绑定到Kendo图表而不进行分组时,它可以完美工作.但是,当我使用分组绑定它时,它将数据放在错误的列中.由于JSON的大小,我将首先向您显示屏幕截图,然后再向您展示一个带有示例的JSfiddle链接.

没有分组的示例1：

所有数据正确显示,并且各列使用工具提示显示正确的类别.

示例2的分组方式：

如您所见,分组看起来不错,但事实并非如此.如果将鼠标悬停在cclF类别下的第4列(第一个为0)上,您将看到它显示GINN,该类别位于图表的第3个类别中.

这是问题的工作示例：

http://jsfiddle.net/v8tsQ/2/

在的jsfiddle,如果你去给创建kendo.data.DataSource节(),你会看到“组”选项,你可以删除拿到第一张图的结果.

我有什么想法要确保将列显示在正确的类别下？

解决方法:

数据以在数据源中的显示顺序显示.如果对数据源进行排序,则图形应显示所需的形式.

http://jsfiddle.net/v8tsQ/10/

var ds = new kendo.data.DataSource({
    data: dr,
    group: { field: "FindingQuarter"},
    sort: [{field: "FindingQuarter", dir: "asc"}, 
    {field: "SectionName", dir: "asc"}]

})

x轴的名称显示每组中的第一项.