对。net MAUI的Telerik UI不熟悉吗?开始一个30天的免费试用

.NET毛伊岛图表散点线系列

散点线系列在图表上表示为与直线段相连的数据点。散点线系列继承自[ScatterPointSeries] ()类,并且还要求图表的两个轴都为数值轴。

特性

散点线系列提供以下属性来更改其样式:

  • 中风(颜色)-改变绘制线条的颜色。
  • StrokeThickness(双)-改变线的宽度。

散点线系列示例

下面的示例展示了如何创建RadCartesianChart散点线系列:

  1. 创建所需的业务对象,例如:

    公共类NumericalData{公共双XData {get;设置;}公共双YData{获取;设置;}}
  2. 创建一个视图模型

    公共类SeriesNumericalViewModel{公共ObservableCollection Data1 {get;设置;}公共ObservableCollection Data2 {get;设置;}公共SeriesNumericalViewModel(){这个。Data1 = GetNumericData1();这一点。Data2 = GetNumericData2();}公共静态ObservableCollection < NumericalData > GetNumericData1 () {var数据= new ObservableCollection < NumericalData >{新NumericalData {XData = 2, YData = 13},新NumericalData {YData XData = 19日= 31},新NumericalData {YData XData = 22日= 33},新NumericalData {YData XData = 28日= 35},新NumericalData {XData = 33, YData = 46},新NumericalData {XData = 38, YData = 34},新NumericalData {XData = 49, YData = 66},新NumericalData {XData = 55, YData = 24},new NumericalData {XData = 62, YData = 41},};返回数据; } public static ObservableCollection GetNumericData2() { var data = new ObservableCollection { new NumericalData { XData = 7, YData = 13 }, new NumericalData { XData = 19, YData = 17 }, new NumericalData { XData = 22, YData = 19 }, new NumericalData { XData = 28, YData = 21 }, new NumericalData { XData = 33, YData = 35 }, new NumericalData { XData = 38, YData = 43 }, new NumericalData { XData = 49, YData = 15 }, new NumericalData { XData = 55, YData = 21 }, new NumericalData { XData = 62, YData = 47 }, }; return data; } }
  3. 使用下面的代码片段声明RadCartesianChart在XAML中使用散点线系列

    < telerik: RadCartesianChart > < telerik: RadCartesianChart。BindingContext>   < telerik: RadCartesianChart。LabelFitMode="MultiLine" />  < telerik: RadCartesianChart。VerticalAxis>   < telerik: RadCartesianChart。系列>    

最终结果如下图所示:

基本ScatterLineSeries

定制例子

下面的示例将自定义项添加到散点线系列中风StrokeThickness到这个系列。

< telerik: RadCartesianChart > < telerik: RadCartesianChart。BindingContext>   < telerik: RadCartesianChart。LabelFitMode="MultiLine" />  < telerik: RadCartesianChart。VerticalAxis>   < telerik: RadCartesianChart。系列>    

最终结果如下图所示:

散点线系列定制

另请参阅

在本文中
没有找到你需要的帮助?
Baidu
map