新Telerik UI PHP?下载30天免费试用

jQuery柱状图绑定到分组数据

加载演示……
  • 例子
  • 查看源代码
grouped-data.php
chart_data.php

还适用于:

API参考

描述

jQuery柱状图可以绑定到分组数据通过使用剑道UI数据源组件作为调解人。分组数据是按类别排序、按特定方式分类或基于给定标准分组的数据。分组数据是总结或分析数据的一种方便方法。

将条形图绑定到数据源:

  1. 将图表绑定到Kendo UI DataSource实例
  2. 设置DataSource.group.field财产到基础数据中列的名称,该名称将作为将系列项分组为系列的标准(本例中的符号)。
  3. 绑定series.field设置为关闭底层数据源中的字段。
  4. 绑定categoryAxis.field属性“日期”源中的字段。

结果将在与列中不同值的数量相同的多个序列中可见,即DataSource.group.field.对于每个值,将在图表中有图表系列。

在当前示例中,Chart的数据是通过JSON数组定义的,并使用数据源数据属性。因此,Chart获取数据并显示其系列而且categoryAxis值,方法是将它们的字段属性设置为与源中的相关数据项属性名称匹配。

这个条形图示例是数百个jQuery演示的独特集合的一部分,您可以通过这些演示看到所有内容jQuery组件的剑道UI以及他们在行动中的特征。从库中查看或直接改编演示的源代码,并编辑它们及其主题外观jQuery Dojo的剑道UIThemeBuilder

支持和学习资源

额外的资源