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

柱状图

Telerik的用户界面柱状图TagHelper和HtmlHelper。网络核心are server-side wrappers for the Kendo UI Bar Chart widget.

柱状图通过水平柱或垂直柱显示数据,其长度根据值的不同而不同。

开始

柱状图适用于显示一组数据之间的比较,例如,在某一段时间内唯一和全部站点访问者的摘要。

Telerik UI子弹图组件的ASP。网络核心是一个Telerik用户界面柱状图的变化。您可以使用它作为仪表盘仪表和仪表的替代品。弹形图将给定的定量度量(如温度)与定性范围(如温暖、炎热、温和、凉爽、寒冷、寒冷等)以及编码比较度量的符号标记(如一年前的最高温度)进行比较。

Telerik UI范围柱状图组件的ASP。网络核心是Telerik用户界面柱状图的另一个变体。它将数据显示为条形,其中每个条形表示一个值范围,该值范围介于最小值和最大值之间。范围栏类型具有浮动栏,不像标准Telerik UI条形图具有锚定在其上的栏x设在。

若要在图表组件中创建柱状图系列,请使用酒吧系列配置。

定义柱状图

Telerik UI柱状图的ASP。网络核心系列

@(Html.Kendo(). chart (). name ("chart") . title ("Kendo图表示例"). legend (legend => legend . position (ChartLegendPosition.Bottom)). series (series => {series. bottom). name ("chart") . title ("Kendo图表示例"). legend (legend => legend . position (ChartLegendPosition.Bottom)). series (series => {series. bottom)。列(新的双精度[]{200,450,300,125})。名称(“系列”);}) .CategoryAxis(axis => axis .Categories(新字符串[]{"2000","2001","2002","2003"})))
@addTagHelper *,剑道。Mvc @{var categories = new string[] {"2000", "2001", "2002", "2003"};} < keno -chart name="chart">           < Chart -title text="Kendo Chart Example">   .

用户界面的ASP。网络核心A sample Column Chart with categories

定义柱状图

设置系列对象“酒吧”渲染水平条。

@(Html.Kendo(). chart (). name ("chart") . title ("Kendo图表示例"). legend (legend => legend . position (ChartLegendPosition.Bottom)). series (series => {series. bottom). name ("chart") . title ("Kendo图表示例"). legend (legend => legend . position (ChartLegendPosition.Bottom)). series (series => {series. bottom)。Bar(new double[]{200,450,300,125})。名称(“系列”);}) .CategoryAxis(axis => axis .Categories(新字符串[]{"2000","2001","2002","2003"})))
@addTagHelper *,剑道。Mvc @{var categories = new string[] {"2000", "2001", "2002", "2003"};} < keno -chart name="chart">           < Chart -title text="Kendo Chart Example">   .

用户界面的ASP。网络核心A sample Bar Chart

另请参阅

在本文中
Baidu
map