public BarSeriesHorizontal() { InitializeComponent(); var model = new MainViewModel(); model.Data1 = MainViewModel.GetCategoricalData(); model.Data2 = MainViewModel.GetCategoricalData(); var grid = new CartesianChartGrid(); var chart = new Telerik.XamarinForms.Chart.RadCartesianChart { VerticalAxis = new Telerik.XamarinForms.Chart.CategoricalAxis(), HorizontalAxis = new Telerik.XamarinForms.Chart.NumericalAxis(), HeightRequest = 400, Grid = grid, }; grid.MajorLinesVisibility = GridLineVisibility.XY; grid.MajorXLineDashArray = Device.OnPlatform(null, new double[] { 4, 2 }, new double[] { 4, 2 }); grid.StripLinesVisibility = GridLineVisibility.X; grid.XStripeAlternativeColor = Color.FromHex("FFA9A9A9"); grid.MajorLineColor = Color.Green; grid.MajorLineThickness = Device.OnPlatform(0.5, 2, 2); grid.MajorLinesVisibility = GridLineVisibility.XY; //grid.MajorYLineDashArray = new double[] { 10, 10 }; //grid.MajorXLineDashArray = new double[] { 5, 15 }; grid.StripLinesVisibility = GridLineVisibility.None; //grid.XStripeColor = Color.FromRgba(255, 0, 0, 50); //grid.XStripeAlternativeColor = Color.FromRgba(0, 255, 0, 50); //grid.YStripeColor = Color.FromRgba(255, 0, 0, 50); //grid.YStripeAlternativeColor = Color.FromRgba(0, 255, 0, 50); grid.MajorLineColor = Color.Gray; grid.MajorLineThickness = 0.5; var series = new Telerik.XamarinForms.Chart.BarSeries(); 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); this.Content = chart; }
public BarSeriesPage() { InitializeComponent(); var model = new MainViewModel(); model.Data1 = MainViewModel.GetCategoricalData(); model.Data2 = MainViewModel.GetCategoricalData(); var grid = new CartesianChartGrid(); var chart = new Telerik.XamarinForms.Chart.RadCartesianChart { VerticalAxis = new Telerik.XamarinForms.Chart.NumericalAxis() { LabelFitMode = AxisLabelFitMode.MultiLine, }, HorizontalAxis = new Telerik.XamarinForms.Chart.CategoricalAxis() { LabelFitMode = AxisLabelFitMode.MultiLine, }, Grid = grid, }; grid.MajorLinesVisibility = GridLineVisibility.Y; grid.MajorYLineDashArray = Device.OnPlatform(null, new double[] { 4, 2 }, new double[] { 4, 2 }); grid.StripLinesVisibility = GridLineVisibility.Y; grid.YStripeColor = Color.Transparent; grid.YStripeAlternativeColor = Color.FromHex("1FA9A9A9"); grid.MajorLineColor = Color.FromHex("D3D3D3"); grid.MajorLineThickness = Device.OnPlatform(0.5, 2, 2); var series = new Telerik.XamarinForms.Chart.BarSeries(); series.ItemsSource = model.Data1; series.ValueBinding = new Telerik.XamarinForms.Chart.PropertyNameDataPointBinding { PropertyName = "Value" }; series.CategoryBinding = new Telerik.XamarinForms.Chart.PropertyNameDataPointBinding { PropertyName = "Category" }; //series.Stroke = Color.Gray; //series.StrokeThickness = 4; chart.Series.Add(series); this.Content = chart; }
public ChartGridLinesPage() { InitializeComponent(); var model = new MainViewModel(); model.Data1 = MainViewModel.GetCategoricalData(); model.Data2 = MainViewModel.GetCategoricalData(); var grid = new CartesianChartGrid(); var chart = new Telerik.XamarinForms.Chart.RadCartesianChart { HorizontalAxis = new Telerik.XamarinForms.Chart.CategoricalAxis() { LabelFitMode = AxisLabelFitMode.MultiLine }, VerticalAxis = new Telerik.XamarinForms.Chart.NumericalAxis(), HeightRequest = 400, Grid = grid, }; chart.HorizontalAxis.LabelFitMode = AxisLabelFitMode.MultiLine; grid.MajorLinesVisibility = GridLineVisibility.XY; //grid.MajorYLineDashArray = new double[] { 10, 10 }; //grid.MajorXLineDashArray = new double[] { 5, 15 }; grid.StripLinesVisibility = GridLineVisibility.None; //grid.XStripeColor = Color.FromRgba(255, 0, 0, 50); //grid.XStripeAlternativeColor = Color.FromRgba(0, 255, 0, 50); //grid.YStripeColor = Color.FromRgba(255, 0, 0, 50); //grid.YStripeAlternativeColor = Color.FromRgba(0, 255, 0, 50); grid.MajorLineColor = Color.Gray; grid.MajorLineThickness = 1; var series = new Telerik.XamarinForms.Chart.BarSeries(); 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); this.Content = chart; }
public StackBarHorizontal() { InitializeComponent(); var model = new MainViewModel(); model.Data1 = MainViewModel.GetCategoricalData(); model.Data2 = MainViewModel.GetCategoricalData(); var grid = new CartesianChartGrid(); var chart = new Telerik.XamarinForms.Chart.RadCartesianChart { HorizontalAxis = new Telerik.XamarinForms.Chart.NumericalAxis(), VerticalAxis = new Telerik.XamarinForms.Chart.CategoricalAxis(), Grid = grid, }; grid.MajorLinesVisibility = GridLineVisibility.X; grid.MajorXLineDashArray = Device.OnPlatform(null, new double[] { 4, 2 }, new double[] { 4, 2 }); grid.StripLinesVisibility = GridLineVisibility.X; grid.XStripeColor = Color.Transparent; grid.XStripeAlternativeColor = Color.FromHex("1FA9A9A9"); grid.MajorLineColor = Color.FromHex("D3D3D3"); grid.MajorLineThickness = Device.OnPlatform(0.5, 2, 2); var series = new Telerik.XamarinForms.Chart.BarSeries(); series.CombineMode = Telerik.XamarinForms.Chart.ChartSeriesCombineMode.Stack; 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 series2 = new Telerik.XamarinForms.Chart.BarSeries(); series2.CombineMode = Telerik.XamarinForms.Chart.ChartSeriesCombineMode.Stack; series2.ItemsSource = model.Data2; series2.ValueBinding = new Telerik.XamarinForms.Chart.PropertyNameDataPointBinding { PropertyName = "Value" }; series2.CategoryBinding = new Telerik.XamarinForms.Chart.PropertyNameDataPointBinding { PropertyName = "Category" }; chart.Series.Add(series2); this.Content = chart; }
public SelectionSeriesPage() { InitializeComponent(); var model = new MainViewModel(); model.Data1 = MainViewModel.GetCategoricalData(); model.Data2 = MainViewModel.GetCategoricalData(); 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 }, Grid = grid, HeightRequest = 400 }; grid.MajorLinesVisibility = GridLineVisibility.Y; grid.MajorYLineDashArray = Device.OnPlatform(null, new double[] { 4, 2 }, new double[] { 4, 2 }); grid.StripLinesVisibility = GridLineVisibility.Y; grid.YStripeColor = Color.Transparent; grid.YStripeAlternativeColor = Color.FromHex("1FA9A9A9"); grid.MajorLineColor = Color.FromHex("D3D3D3"); grid.MajorLineThickness = Device.OnPlatform(0.5, 2, 2); var series = new Telerik.XamarinForms.Chart.BarSeries(); series.StackGroupKey = 1; series.CombineMode = Telerik.XamarinForms.Chart.ChartSeriesCombineMode.Stack; series.ItemsSource = model.Data1; series.ValueBinding = new Telerik.XamarinForms.Chart.PropertyNameDataPointBinding { PropertyName = "Value" }; series.CategoryBinding = new Telerik.XamarinForms.Chart.PropertyNameDataPointBinding { PropertyName = "Category" }; series.AllowSelect = true; chart.Series.Add(series); var series2 = new Telerik.XamarinForms.Chart.BarSeries(); series2.StackGroupKey = 1; series2.CombineMode = Telerik.XamarinForms.Chart.ChartSeriesCombineMode.Stack; series2.ItemsSource = model.Data2; series2.ValueBinding = new Telerik.XamarinForms.Chart.PropertyNameDataPointBinding { PropertyName = "Value" }; series2.CategoryBinding = new Telerik.XamarinForms.Chart.PropertyNameDataPointBinding { PropertyName = "Category" }; series2.AllowSelect = true; chart.PaletteName = PaletteNames.Light; chart.SelectionPaletteName = PaletteNames.LightSelected; chart.Series.Add(series2); beh = new Telerik.XamarinForms.Chart.ChartSelectionBehavior { DataPointSelectionMode = Telerik.XamarinForms.Chart.ChartSelectionMode.Single, SeriesSelectionMode = ChartSelectionMode.None }; chart.Behaviors.Add(beh); this.Content = chart; }
public GridLineAnnotationsPage() { InitializeComponent(); var model = new MainViewModel(); var data = MainViewModel.GetCategoricalData(); model.Data1 = data; var treshold = data.Average(c => c.Value); var startTreshold = treshold * 0.95; var endTreshold = treshold * 1.05; var chart = new Telerik.XamarinForms.Chart.RadCartesianChart { HorizontalAxis = new Telerik.XamarinForms.Chart.CategoricalAxis() { LabelFitMode = Telerik.XamarinForms.Chart.AxisLabelFitMode.MultiLine, }, VerticalAxis = new Telerik.XamarinForms.Chart.NumericalAxis(), HeightRequest = 400 }; var series = new Telerik.XamarinForms.Chart.BarSeries(); 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 lineAnnotation = new CartesianGridLineAnnotation() { Axis = chart.VerticalAxis, Value = treshold, Stroke = Color.FromHex("0E72F6"), StrokeThickness = Device.OnPlatform(0.5, 2, 2), DashArray = new double[] { 4, 2 } }; var bandAnnotation = new CartesianPlotBandAnnotation() { Axis = chart.VerticalAxis, From = startTreshold, To = endTreshold, Fill = Color.FromHex("33A9A9A9"), StrokeThickness = 2, Stroke = Color.Transparent, }; chart.Annotations.Add(lineAnnotation); chart.Annotations.Add(bandAnnotation); this.Content = chart; }