新的Telerik UI为ASP。净MVC吗?下载30天免费试用

Telerik UI for ASP。NET MVC线图表绑定到分组数据

加载演示……
  • 例子
  • 查看源代码
grouped_data.cshtml
Grouped_DataController.cs

还适用于:

客户端API 服务器端API

描述

Telerik MVC图表扩展可以集成到一个分组数据由ASP。NET MVC数据源.要做到这一点,你可以遵循以下步骤:

  1. 将图表绑定到ASP。NET MVC数据源控件
  2. 设置DataSource.group.field财产到底层数据中列的名称(例如“Symbol”字段),这将是将图表系列项分组到系列组(Group => Group . Group)的标准。Add(model => model. symbol)
  3. 将序列的Y值绑定到相应的数据源字段(例如,“Close”字段):series。区域(model => model. close)
  4. 将类别轴绑定到相应的字段(例如,“Date”字段):。categories (model => model.Date)

这将导致DataSource.group.field列中不同值的数量相同的系列(例如,“Symbol”)。因为本例中的“Symbol”字段包含三个不同的值(“1.”)。GOOG (close)", "2。苹果(关闭)”和”3。AMZN(收盘价)”)的图表也将创建三个系列。

这个折线图的例子是一个独特的收集数百ASP。NET MVC演示,其中您可以看到所有Telerik ASP。NET MVCcomponents以及他们在行动中的特征。从库中查看演示的源代码或直接改编和编辑它们的主题外观在它们的主题外观ThemeBuilder

支持和学习资源

额外的资源