protected override void OnAttached()
{
this.UpdateGradientBarTemplates();
TXFC.RadCartesianChart xfChart = (TXFC.RadCartesianChart) this.Element;
xfChart.Series.CollectionChanged += this.Series_CollectionChanged;
}
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;
}
protected override void OnAttached()
{
this.UpdatePointMarkFills();
TXFC.RadCartesianChart xfChart = (TXFC.RadCartesianChart) this.Element;
xfChart.Series.CollectionChanged += this.Series_CollectionChanged;
}
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 PlotBandAnnotationsPage()
{
InitializeComponent();
var model = new MainViewModel();
var data = MainViewModel.GetCategoricalData();
model.Data1 = data;
var startTreshold = data.Average(c => c.Value) * 0.9;
var endTreshold = data.Average(c => c.Value) * 1.1;
var chart = new Telerik.XamarinForms.Chart.RadCartesianChart
{
HorizontalAxis = new Telerik.XamarinForms.Chart.CategoricalAxis()
{
LabelFitMode = Telerik.XamarinForms.Chart.AxisLabelFitMode.MultiLine,
PlotMode = Telerik.XamarinForms.Chart.AxisPlotMode.OnTicks
},
VerticalAxis = new Telerik.XamarinForms.Chart.NumericalAxis(),
HeightRequest = 400
};
var series = new Telerik.XamarinForms.Chart.AreaSeries();
series.ItemsSource = model.Data1;
series.ValueBinding = new PropertyNameDataPointBinding
{
PropertyName = "Value"
};
series.CategoryBinding = new PropertyNameDataPointBinding
{
PropertyName = "Category"
};
chart.Series.Add(series);
var annotation = new CartesianPlotBandAnnotation()
{
Axis = chart.VerticalAxis,
From = startTreshold,
To = endTreshold,
Stroke = Color.Green,
Fill = Color.FromHex("2F66FF33"),
StrokeThickness = 2
};
chart.Annotations.Add(annotation);
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;
}
private void UpdateGradientBarRenderers()
{
TXFC.RadCartesianChart xfChart = (TXFC.RadCartesianChart) this.Element;
RadCartesianChartView nativeChart = (RadCartesianChartView)this.Control;
for (int i = 0; i < nativeChart.Series.Size(); i++)
{
BarSeries barSeries = nativeChart.Series.Get(i) as BarSeries;
if (barSeries != null)
{
this.TrySetGradientBarRenderer(barSeries, xfChart.Series[i]);
}
}
}
private void UpdateGradientBarTemplates()
{
TXFC.RadCartesianChart xfChart = (TXFC.RadCartesianChart) this.Element;
RadCartesianChart nativeChart = (RadCartesianChart)this.Control;
for (int i = 0; i < nativeChart.Series.Count; i++)
{
BarSeries barSeries = nativeChart.Series[i] as BarSeries;
if (barSeries != null)
{
this.TrySetGradientBarTemplate(barSeries, xfChart.Series[i]);
}
}
}
private void UpdatePointMarkTemplates()
{
TXFC.RadCartesianChart xfChart = (TXFC.RadCartesianChart) this.Element;
RadCartesianChart nativeChart = (RadCartesianChart)this.Control;
for (int i = 0; i < nativeChart.Series.Count; i++)
{
LineSeries lineSeries = nativeChart.Series[i] as LineSeries;
if (lineSeries != null)
{
this.TrySetPointMarkTemplate(lineSeries, xfChart.Series[i]);
}
}
}
private void UpdateGradientBarFills()
{
TXFC.RadCartesianChart xfChart = (TXFC.RadCartesianChart) this.Element;
TKExtendedChart nativeChart = (TKExtendedChart)this.Control;
for (int i = 0; i < nativeChart.Series.Length; i++)
{
TKChartColumnSeries columnSeries = nativeChart.Series[i] as TKChartColumnSeries;
if (columnSeries != null)
{
this.TrySetGradientBarFill(columnSeries, xfChart.Series[i]);
}
}
}
private void UpdatePointMarkRenderers()
{
TXFC.RadCartesianChart xfChart = (TXFC.RadCartesianChart) this.Element;
RadCartesianChartView nativeChart = (RadCartesianChartView)this.Control;
for (int i = 0; i < nativeChart.Series.Size(); i++)
{
LineSeries lineSeries = nativeChart.Series.Get(i) as LineSeries;
if (lineSeries != null)
{
this.TrySetPointMarkRenderer(lineSeries, xfChart.Series[i]);
}
}
}
private void UpdatePointMarkFills()
{
TXFC.RadCartesianChart xfChart = (TXFC.RadCartesianChart) this.Element;
TKExtendedChart nativeChart = (TKExtendedChart)this.Control;
for (int i = 0; i < nativeChart.Series.Length; i++)
{
TKChartLineSeries lineSeries = nativeChart.Series[i] as TKChartLineSeries;
if (lineSeries != null)
{
this.TrySetPointMarkFill(lineSeries, xfChart.Series[i]);
}
}
}
public AreaSeriesPage()
{
InitializeComponent();
var grid = new CartesianChartGrid();
var model = new MainViewModel();
model.Data1 = MainViewModel.GetCategoricalData();
model.Data2 = MainViewModel.GetCategoricalData();
var chart = new Telerik.XamarinForms.Chart.RadCartesianChart
{
HorizontalAxis = new Telerik.XamarinForms.Chart.CategoricalAxis()
{
LabelFitMode = Telerik.XamarinForms.Chart.AxisLabelFitMode.MultiLine,
PlotMode = Telerik.XamarinForms.Chart.AxisPlotMode.OnTicks
},
VerticalAxis = new Telerik.XamarinForms.Chart.NumericalAxis(),
Grid = grid,
};
grid.MajorLinesVisibility = GridLineVisibility.Y;
grid.MajorYLineDashArray = 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.AreaSeries();
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 ScatterAreaSeriesPage()
{
InitializeComponent();
var model = new MainViewModel();
model.Data1 = MainViewModel.GetNumericData2(20, 30, 3, (i) => 60 * i + 450, (i) => 20 * (Math.Sin(0.13 * i)) + 6);
var grid = new CartesianChartGrid();
var chart = new Telerik.XamarinForms.Chart.RadCartesianChart
{
VerticalAxis = new Telerik.XamarinForms.Chart.NumericalAxis(),
HorizontalAxis = new Telerik.XamarinForms.Chart.NumericalAxis()
{
LabelFitMode = Telerik.XamarinForms.Chart.AxisLabelFitMode.MultiLine,
},
Grid = grid,
};
grid.MajorLinesVisibility = GridLineVisibility.Y;
grid.MajorYLineDashArray = 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.ScatterAreaSeries();
series.ItemsSource = model.Data1;
series.XValueBinding = new PropertyNameDataPointBinding
{
PropertyName = "XData"
};
series.YValueBinding = new PropertyNameDataPointBinding
{
PropertyName = "YData"
};
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;
}
protected override void OnDetached()
{
TXFC.RadCartesianChart xfChart = (TXFC.RadCartesianChart) this.Element;
xfChart.Series.CollectionChanged -= this.Series_CollectionChanged;
}
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 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;
}
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;
}