新的Telerik UI为ASP。网络核心?下载30天免费试用

Telerik UI for ASP。网络核心面积图绑定到分组数据

加载演示……
  • 例子
  • 查看源代码
HtmlHelper
TagHelper
文件:
grouped_data.cshtml
Grouped_DataController.cs
StockDataPoint.cs
ChartDataRepository.cs
Grouped_Data_TagHelper.cshtml

还可用于:

客户端API 服务器端API

描述

Telerik Core制图扩展可以集成到一个分组数据通过ASP。NET Core DataSource.,所以你可以遵循以下步骤:

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


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

这个区域图表示例是数百个ASP。NET Core演示,你可以看到所有Telerik ASP。网络核心components他们的特征在行动。从库中查看演示的源代码或直接改编,并编辑它们及其主题外观Telerik REPL for ASP。网络核心ThemeBuilder

支持和学习资源

额外的资源