新Telerik UI PHP?下载30天免费试用
jQuery柱状图绑定到分组数据
加载演示……
- 例子
- 查看源代码
- 改变主题
默认的萨斯少默认主题
- 主要
- 主要的黑暗
- 北欧
- 海洋蓝色
- 紫色的
- 绿松石
引导主题- 主要
- 主要的黑暗
- 北欧
- 城市
- 古董
材料的主题- 主要
- 北极
- 酸橙黑
- 主要的黑暗
- 新星
经典主题- 主要
- 主要的黑暗
- 蛋白石
- 银
流利的主题- 主要
grouped-data.php
chart_data.php
还适用于:
API参考描述
的jQuery柱状图可以绑定到分组数据通过使用剑道UI数据源组件作为调解人。分组数据是按类别排序、按特定方式分类或基于给定标准分组的数据。分组数据是总结或分析数据的一种方便方法。
将条形图绑定到数据源:
- 将图表绑定到Kendo UI DataSource实例.
- 设置
DataSource.group.field
财产到基础数据中列的名称,该名称将作为将系列项分组为系列的标准(本例中的符号)。 - 绑定
series.field
设置为关闭
底层数据源中的字段。 - 绑定
categoryAxis.field
属性“日期”
源中的字段。
结果将在与列中不同值的数量相同的多个序列中可见,即DataSource.group.field
.对于每个值,将在图表中有图表系列。
在当前示例中,Chart的数据是通过JSON数组定义的,并使用数据源
数据
属性。因此,Chart获取数据并显示其系列
而且categoryAxis
值,方法是将它们的字段属性设置为与源中的相关数据项属性名称匹配。
这个条形图示例是数百个jQuery演示的独特集合的一部分,您可以通过这些演示看到所有内容jQuery组件的剑道UI以及他们在行动中的特征。从库中查看或直接改编演示的源代码,并编辑它们及其主题外观jQuery Dojo的剑道UI或ThemeBuilder.