新的Telerik UI。net MAUI?开始30天的免费试用

.NET MAUI图表样条区域系列

笛卡儿图将样条区域系列可视化为图表上由坐标轴和直线段包围的区域,这些坐标轴和直线段连接由这些系列表示的数据点。样条区域系列扩展了分类描边系列,因此它们也是分类系列,需要一个分类轴和一个数值轴。

特性

SplineArea系列提供了以下属性:

  • 中风(颜色)-改变绘制线条的颜色。
  • StrokeThickness(double) -改变线条的宽度。
  • 填满(颜色)-改变填充区域形状的颜色。

样条区域系列示例

下面的示例显示如何创建RadCartesianChart用SplineArea系列:

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

    公共类CategoricalData{公共对象类别{获取;设置;} public double值{get;设置;}}
  2. 然后,创建一个视图模型

    公共类CategoricalViewModel {public ObservableCollection Data {get;设置;} public CategoricalViewModel(){此。数据= GetCategoricalData();}私有静态ObservableCollection < CategoricalData > GetCategoricalData () {var数据= new ObservableCollection < CategoricalData >{新CategoricalData{类别=“绿化”,价值= 52},新CategoricalData{类别=“美味极了”,价值= 19},新CategoricalData{类别=“附近”,价值= 82},新CategoricalData{类别=“家庭”,价值= 23},新CategoricalData{类别=“新鲜”,价值= 56},};返回数据;}}
  3. 最后,使用下面的代码段声明RadCartesianChartXAML和c#中的SplineArea系列:

    < telerik: RadCartesianChart > < telerik: RadCartesianChart。BindingContext>   < telerik: RadCartesianChart。HorizontalAxis>   < telerik: RadCartesianChart。VerticalAxis>   < telerik: RadCartesianChart。系列>   

下图显示了最终结果:

基本SplineAreaSeries

定制例子

您可以进一步自定义SplineArea系列:

var series = new splineareasseries {Stroke = new Color(0.6, 0.6, 0.9), StrokeThickness = 5, Fill = new Color(0.8, 0.8, 1)};

定制SplineAreaSeries

另请参阅

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