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;
结果如下:
的“图表/系列”文件夹中可以找到散点系列示例SDK示例浏览器应用程序。