新的Telerik UI为ASP。净MVC吗?下载30天免费试用
Telerik UI for ASP。NET MVC面积图绑定到分组数据
加载演示……
- 例子
- 查看源代码
- 改变主题
默认的萨斯少默认主题
- 主要
- 主要的黑暗
- 北欧
- 海洋蓝色
- 紫色的
- 绿松石
引导主题- 主要
- 主要的黑暗
- 北欧
- 城市
- 古董
材料的主题- 主要
- 北极
- 酸橙黑
- 主要的黑暗
- 新星
经典主题- 主要
- 主要的黑暗
- 蛋白石
- 银
流利的主题- 主要
grouped_data.cshtml
Grouped_DataController.cs
还适用于:
客户端API 服务器端API描述
Telerik MVC图表扩展可以集成到一个分组数据由ASP。NET MVC数据源.要做到这一点,你可以遵循以下步骤:
- 将图表绑定到ASP。NET MVC数据源控件.
- 设置DataSource.group.field财产到底层数据中列的名称(例如“Symbol”字段),这将是将图表系列项分组到系列组(Group => Group . Group)的标准。Add(model => model. symbol)
- 将序列的Y值绑定到相应的数据源字段(例如,“Close”字段):series。区域(model => model. close)
- 将类别轴绑定到相应的字段(例如,“Date”字段):。categories (model => model.Date)
这将导致DataSource.group.field列中不同值的数量相同的系列(例如,“Symbol”)。因为本例中的“Symbol”字段包含三个不同的值(“1.”)。GOOG (close) ", " 2。苹果(关闭)”和”3。AMZN(收盘价)”)的图表也将创建三个系列。
这个区域图表的例子是一个独特的收集数百ASP。NET MVC演示,其中您可以看到所有Telerik ASP。NET MVCcomponents以及他们在行动中的特征。从库中查看演示的源代码或直接改编和编辑它们的主题外观在它们的主题外观ThemeBuilder.