柱状图
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"> Series -item> Series > Chart -legend> < Chart -title text="Kendo Chart Example"> Chart -title> Kendo - Chart > .
定义柱状图
设置系列
对象“酒吧”
渲染水平条。
@(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"> Series -item> Series > Chart -legend> < Chart -title text="Kendo Chart Example"> Chart -title> Kendo - Chart > .