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

Question

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

当我将这些数据绑定到剑道图表时，如果没有分组，它就可以完美运行。但是，当我使用分组绑定它时，它会将数据放在错误的列中。我将首先向您展示屏幕截图，然后根据JSON的大小显示一个带有工作示例的JSFiddle链接。

具有NO分组的示例1：

所有数据都显示正确，并且列显示了正确的类别和工具提示。

示例2 WITH分组：

正如您所看到的，分组看起来正确，但事实并非如此。如果将鼠标悬停在CCLF类别下的第4列（第1列为0），您将看到它显示GINN，它是图表的第3类。

以下是问题的工作示例：

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

在JSFiddle上，如果你转到创建kendo.data.DataSource（）的部分，你会看到“group”选项，你可以删除它以获得第一个图表结果。

我需要做些什么才能确保列显示在正确的类别下？

Answer 1

您的数据按照您在DataSource中的顺序显示。如果对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轴的名称显示每组中的第一项。