线图表
Telerik UI折线图TagHelper和HtmlHelper网络核心are server-side wrappers for the Kendo UI Line Chart widget.
折线图适用于显示定量数据，使用连续的线通过由其项目的值定义的点。
开始
您可以使用Line Chart组件呈现一段时间内的趋势，并比较一组相似的数据。
若要在图表中创建直线系列，请使用行和垂线在系列配置。
配置轴
要配置轴，请使用CategoryAxis和ValueAxis设置。还支持多个值轴。
@(Html.Kendo(). chart (). name ("chart") . title ("Internet Users") . legend (legend => legend . position (ChartLegendPosition.Bottom)). series (series => {series;线(新双[]{20,15.7,16.7,23.5,26.6}). name(“世界”);系列。行(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States"); }) .CategoryAxis(axis => axis .Categories("2005", "2006", "2007", "2008", "2009") .MajorGridLines(lines => lines.Visible(false)) ) .ValueAxis(axis => axis .Numeric().Labels(labels => labels.Format("{0}%")) ) ) 上一个示例中的配置生成了下面的折线图。
配置行样式
控件设置不同的样式，可以渲染点之间的线条风格中的配置SeriesDefaults常见的设置。
支持的行样式有:
- normal—这是默认样式。它在数据点之间产生一条直线。
- Step-This样式通过垂直线和水平线呈现数据点之间的连接。它适用于表示该值在两次变化之间是恒定的。
- 平滑—这种样式使折线图通过数据点显示一条拟合曲线。当数据需要用曲线显示时，或者当您希望用平滑而不是直线连接点时，它适用。
.SeriesDefaults(seriesDefaults =>) .SeriesDefaults . line ().Style(ChartLineStyle.Smooth))< series-defaults type = " ChartSeriesType。行"> 您还可以为每个line系列单独设置线条样式。
.系列(系列=>{系列;行(new double[] { 15.7, 26.7, 20, 23.5, 26.6 }).Name("World").Style(ChartLineStyle.Smooth); series.Line(new double[] { 67.96, 68.93, 75, 54, 78 }).Name("United States").Style(ChartLineStyle.Smooth); }) 
下图显示了一个平线折线图。
设置线路类型
默认情况下，图表将其线条系列绘制为实线。可以通过设置来配置要通过不同的虚线样式绘制的线DashType．
.系列(系列=>{系列;行(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World").DashType(ChartDashType.Dot); series.Line(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States"); }) 
自定义标记
系列标记是表示Line系列中点值的视觉效果。控件自定义或隐藏它们标记配置。
系列。行(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World") .Markers(m=>m .Type(ChartMarkerShape.Square) .Rotation(45) .Background("yellow") ); 
控件为Line系列完全绘制自定义标记视觉设置，如定制的视觉效果演示。