public PanZoomPage() { this.Appearing += PanZoomPage_Appearing; InitializeComponent(); var model = new MainViewModel(); model.Data1 = MainViewModel.GetCategoricalData2(); model.Data2 = MainViewModel.GetDateTimeData2(200); this.chart = new Telerik.XamarinForms.Chart.RadCartesianChart { VerticalAxis = new Telerik.XamarinForms.Chart.NumericalAxis(), HorizontalAxis = new Telerik.XamarinForms.Chart.DateTimeContinuousAxis() { LabelFitMode = Telerik.XamarinForms.Chart.AxisLabelFitMode.Rotate, MajorStepUnit = Telerik.XamarinForms.Chart.TimeInterval.Day, PlotMode = Telerik.XamarinForms.Chart.AxisPlotMode.OnTicks, LabelFormat = "dd MMM", MajorStep = 20, ShowLabels = true }, HeightRequest = 400, }; var series = new Telerik.XamarinForms.Chart.LineSeries(); series.DisplayName = "Sales"; series.ItemsSource = model.Data2; series.ValueBinding = new Telerik.XamarinForms.Chart.PropertyNameDataPointBinding { PropertyName = "Value", }; series.CategoryBinding = new Telerik.XamarinForms.Chart.PropertyNameDataPointBinding { PropertyName = "Date", }; series.AllowSelect = true; chart.Series.Add(series); chart.PaletteName = Telerik.XamarinForms.Chart.PaletteNames.Light; chart.Behaviors.Add(new Telerik.XamarinForms.Chart.ChartPanAndZoomBehavior { }); this.Content = chart; }
public TrackballSeriesPage() { InitializeComponent(); var model = new MainViewModel(); model.Data1 = MainViewModel.GetCategoricalData(); model.Data2 = MainViewModel.GetCategoricalData2(); var grid = new CartesianChartGrid(); var chart = new Telerik.XamarinForms.Chart.RadCartesianChart { VerticalAxis = new Telerik.XamarinForms.Chart.NumericalAxis(), HorizontalAxis = new Telerik.XamarinForms.Chart.CategoricalAxis() { LabelFitMode = Telerik.XamarinForms.Chart.AxisLabelFitMode.MultiLine, PlotMode = Telerik.XamarinForms.Chart.AxisPlotMode.OnTicks }, Grid = grid, }; grid.MajorLinesVisibility = GridLineVisibility.XY; grid.MajorYLineDashArray = Device.OnPlatform(null, new double[] { 4, 2 }, new double[] { 4, 2 }); grid.MajorXLineDashArray = Device.OnPlatform(null, new double[] { 4, 2 }, new double[] { 4, 2 }); grid.MajorLineColor = Color.FromHex("D3D3D3"); grid.MajorLineThickness = Device.OnPlatform(0.5, 2, 2); var series = new Telerik.XamarinForms.Chart.LineSeries(); series.DisplayName = "Sales 1"; series.ItemsSource = model.Data1; series.ValueBinding = new Telerik.XamarinForms.Chart.PropertyNameDataPointBinding { PropertyName = "Value" }; series.CategoryBinding = new Telerik.XamarinForms.Chart.PropertyNameDataPointBinding { PropertyName = "Category" }; chart.Series.Add(series); var series1 = new Telerik.XamarinForms.Chart.LineSeries(); series1.DisplayName = "Sales 2"; series1.ItemsSource = model.Data2; series1.ValueBinding = new Telerik.XamarinForms.Chart.PropertyNameDataPointBinding { PropertyName = "Value" }; series1.CategoryBinding = new Telerik.XamarinForms.Chart.PropertyNameDataPointBinding { PropertyName = "Category" }; chart.Series.Add(series1); chart.Behaviors.Add(new Telerik.XamarinForms.Chart.ChartTrackBallBehavior { ShowIntersectionPoints = true, ShowTrackInfo = true }); this.Content = chart; }