Xamarin的Telerik UI免费下载30天试用版

ScatterPoint系列

概述

ScatterPointSeries在图表上表示为未连接的数据点。每个散点数据点都必须为上的X和Y坐标提供值RadCartesianChart。的ScatterPointSeries要求图表的两个轴都是类型NumericalAxis

特性

  • XValueBinding定义绑定,该绑定将用于填充datpoints集合的ScatterDataPoint成员的XValue。
  • YValueBinding定义绑定,该绑定将用于填充datpoints集合的ScatterDataPoint成员的YValue。

例子

下面是一个如何用ScatterPoint Series创建RadCartesianChart的例子:

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

公共类NumericalData{公共双XData {get;设置;}公共双YData{获取;设置;}}

然后创建一个ViewModel:

公共类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; } }

最后,使用下面的代码片段在XAML和c#中声明一个带有ScatterPoint Series的RadCartesianChart:

    < telerikChart: RadCartesianChart。  < telerikChart: RadCartesianChart。  < telerikChart: RadCartesianChart。系列>    
var chart = new RadCartesianChart {BindingContext = new SeriesNumericalViewModel(), PaletteName = PaletteNames。LightSelected, HorizontalAxis = new NumericalAxis() {LabelFitMode = AxisLabelFitMode。MultiLine}, VerticalAxis = new NumericalAxis(), Series = {new ScatterPointSeries {XValueBinding = new PropertyNameDataPointBinding(“XData”),YValueBinding = new PropertyNameDataPointBinding(“YData”)},new ScatterPointSeries {XValueBinding = new PropertyNameDataPointBinding(“XData”)),YValueBinding = new PropertyNameDataPointBinding(“YData”)}};chart.Series [0] .SetBinding (ChartSeries。ItemsSourceProperty Data1);chart.Series [1] .SetBinding (ChartSeries。ItemsSourceProperty”Data2”);

在哪里telerikChart命名空间如下:

xmlns: telerikChart = " clr-namespace: Telerik.XamarinForms.Chart;装配= Telerik.XamarinForms.Chart”
使用Telerik.XamarinForms.Chart;

结果如下:

基本ScatterPointSeries

的“图表/系列”文件夹中可以找到散点系列示例SDK示例浏览器应用程序

另请参阅

在本文中
Baidu
map