标签：charts kendo-ui javascript jquery

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轴的名称显示每组中的第一项.

标签：charts,kendo-ui,javascript,jquery
来源： https://codeday.me/bug/20191127/2076639.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。