javascript-错误的列中的KendoUI柱形图分组数据
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-错误的列中的KendoUI柱形图分组数据，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含983字，纯文字阅读大概需要2分钟。
内容图文
KendoUI柱形图存在这个问题.我有一组从服务返回的JSON数据. JSON非常简单明了.
当我将此数据绑定到Kendo图表而不进行分组时,它可以完美工作.但是,当我使用分组绑定它时,它将数据放在错误的列中.由于JSON的大小,我将首先向您显示屏幕截图,然后再向您展示一个带有示例的JSFiddle链接.
没有分组的示例1：
所有数据正确显示,并且各列使用工具提示显示正确的类别.
示例2的分组方式：
如您所见,分组看起来不错,但事实并非如此.如果将鼠标悬停在CCLF类别下的第4列(第一个为0)上,您将看到它显示GINN,该类别位于图表的第3个类别中.
这是问题的工作示例：
在的jsfiddle,如果你去给创建kendo.data.DataSource节(),你会看到“组”选项,你可以删除拿到第一张图的结果.
我有什么想法要确保将列显示在正确的类别下？
解决方法:
数据以在数据源中的显示顺序显示.如果对数据源进行排序,则图形应显示所需的形式.
var ds = new kendo.data.DataSource({
data: dr,
group: { field: "FindingQuarter"},
sort: [{field: "FindingQuarter", dir: "asc"},
{field: "SectionName", dir: "asc"}]
})
x轴的名称显示每组中的第一项.
内容总结
以上是互联网集市为您收集整理的javascript-错误的列中的KendoUI柱形图分组数据全部内容，希望文章能够帮你解决javascript-错误的列中的KendoUI柱形图分组数据所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。