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;
        }
Example #2
0
        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;
        }