public override SFSeries GetSeries (SFChart chart, nint index)
{
SFSplineAreaSeries series = new SFSplineAreaSeries ();
series.Alpha = 0.6f;
series.BorderColor = UIColor.FromRGBA( 255.0f/255.0f ,191.0f/255.0f,0.0f/255.0f,1.0f);
series.BorderWidth = 3;
return series;
}
public override SFSeries GetSeries(SFChart chart, nint index)
{
SFSplineAreaSeries series = new SFSplineAreaSeries();
series.Alpha = 0.6f;
series.BorderColor = UIColor.FromRGBA(255.0f / 255.0f, 191.0f / 255.0f, 0.0f / 255.0f, 1.0f);
series.BorderWidth = 3;
return(series);
}
public GettingStartedRangeNavigator()
{
chart = new SFChart();
primaryAxis = new SFDateTimeAxis();
primaryAxis.Minimum = DateTimeToNSDate(new DateTime(2015, 5, 15, 0, 0, 0));
primaryAxis.Maximum = DateTimeToNSDate(new DateTime(2015, 8, 15, 0, 0, 0));
chart.PrimaryAxis = primaryAxis;
secondaryAxis = new SFNumericalAxis();
chart.SecondaryAxis = secondaryAxis;
SFSplineAreaSeries series = new SFSplineAreaSeries();
series.Alpha = 0.6f;
series.BorderColor = UIColor.FromRGBA(255.0f / 255.0f, 191.0f / 255.0f, 0.0f / 255.0f, 1.0f);
series.ItemsSource = dataModel.DateTimeRangeData;
series.XBindingPath = "XValue";
series.YBindingPath = "YValue";
chart.Series.Add(series);
this.AddSubview(chart);
rangeNavigator = new SFDateTimeRangeNavigator();
rangeNavigator.Delegate = new RangeNavigatorDelegate(primaryAxis);
SFSplineAreaSeries series1 = new SFSplineAreaSeries();
series1.Alpha = 0.6f;
series1.BorderColor = UIColor.FromRGBA(255.0f / 255.0f, 191.0f / 255.0f, 0.0f / 255.0f, 1.0f);
series1.ItemsSource = dataModel.DateTimeRangeData;
series1.XBindingPath = "XValue";
series1.YBindingPath = "YValue";
chart.Series.Add(series1);
((SFChart)rangeNavigator.Content).Series.Add(series1);
DateTime minDate = new DateTime(2015, 1, 1, 0, 0, 0);
DateTime maxDate = new DateTime(2015, 12, 1, 0, 0, 0);
DateTime startDate = new DateTime(2015, 5, 15, 0, 0, 0);
DateTime endDate = new DateTime(2015, 8, 15, 0, 0, 0);
rangeNavigator.Minimum = DateTimeToNSDate(minDate);
rangeNavigator.Maximum = DateTimeToNSDate(maxDate);
rangeNavigator.ViewRangeStart = DateTimeToNSDate(startDate);
rangeNavigator.ViewRangeEnd = DateTimeToNSDate(endDate);
this.AddSubview(rangeNavigator);
//this.control = this;
}
public GradientChart()
{
SFChart chart = new SFChart();
chart.Title.Text = (NSString)"Oxygen Level";
chart.ColorModel.Palette = SFChartColorPalette.Custom;
ChartGradientColor gradientColor = new ChartGradientColor()
{
StartPoint = new CGPoint(0.5f, 1), EndPoint = new CGPoint(0.5f, 0)
};
ChartGradientStop stopColor1 = new ChartGradientStop()
{
Color = UIColor.White, Offset = 0
};
ChartGradientStop stopColor2 = new ChartGradientStop()
{
Color = UIColor.FromRGBA(0, 128f / 255f, 223f / 255f, 1.0f), Offset = 1
};
gradientColor.GradientStops.Add(stopColor1);
gradientColor.GradientStops.Add(stopColor2);
ChartGradientColorCollection gradientColorsCollection = new ChartGradientColorCollection()
{
gradientColor
};
chart.ColorModel.CustomGradientColors = gradientColorsCollection;
chart.PrimaryAxis = new SFDateTimeAxis()
{
PlotOffset = 6, EdgeLabelsDrawingMode = SFChartAxisEdgeLabelsDrawingMode.Shift, ShowMajorGridLines = false, ShowMinorGridLines = false
};
NSDateFormatter formatter = new NSDateFormatter();
formatter.DateFormat = new NSString("MMM dd");
chart.PrimaryAxis.LabelStyle.LabelFormatter = formatter;
chart.SecondaryAxis = new SFNumericalAxis
{
Maximum = new NSNumber(50),
Interval = new NSNumber(5)
};
NSNumberFormatter secondaryAxisFormatter = new NSNumberFormatter();
secondaryAxisFormatter.PositiveSuffix = "%";
chart.SecondaryAxis.LabelStyle.LabelFormatter = secondaryAxisFormatter;
ChartViewModel dataModel = new ChartViewModel();
SFSplineAreaSeries series = new SFSplineAreaSeries();
series.ItemsSource = dataModel.GradientData;
series.XBindingPath = "XValue";
series.YBindingPath = "YValue";
series.BorderColor = UIColor.FromRGBA(0, 128f / 255f, 223f / 255f, 1.0f);
series.BorderWidth = 2;
series.DataMarker.ShowLabel = true;
series.DataMarker.MarkerWidth = 8;
series.DataMarker.MarkerHeight = 8;
series.DataMarker.MarkerColor = UIColor.White;
series.DataMarker.MarkerBorderColor = UIColor.FromRGBA(0, 128f / 255f, 223f / 255f, 1.0f);
series.DataMarker.MarkerBorderWidth = 2;
series.DataMarker.ShowMarker = true;
series.DataMarker.LabelStyle.OffsetY = -10;
series.DataMarker.LabelStyle.BackgroundColor = UIColor.FromRGBA(0, 128f / 255f, 223f / 255f, 1.0f);
NSNumberFormatter dataMarkerFormatter = new NSNumberFormatter();
dataMarkerFormatter.PositiveSuffix = "%";
series.DataMarker.LabelStyle.LabelFormatter = dataMarkerFormatter;
chart.Series.Add(series);
this.AddSubview(chart);
}
public SplineArea()
{
SFChart chart = new SFChart();
chart.ColorModel.Palette = SFChartColorPalette.Natural;
chart.Title.Text = new NSString("Inflation Rate");
SFCategoryAxis primaryAxis = new SFCategoryAxis();
primaryAxis.Title.Text = new NSString("Year");
primaryAxis.Interval = new NSNumber(1);
chart.PrimaryAxis = primaryAxis;
SFNumericalAxis secondaryAxis = new SFNumericalAxis();
secondaryAxis.Title.Text = new NSString("Rate (%)");
chart.SecondaryAxis = secondaryAxis;
ChartViewModel dataModel = new ChartViewModel();
SFSplineAreaSeries series1 = new SFSplineAreaSeries();
series1.ItemsSource = dataModel.SplineAreaData1;
series1.XBindingPath = "XValue";
series1.YBindingPath = "YValue";
series1.EnableTooltip = true;
series1.DataMarker.LabelContent = SFChartLabelContent.Percentage;
series1.Label = "US";
series1.Alpha = 0.4f;
series1.EnableAnimation = true;
chart.Series.Add(series1);
SFSplineAreaSeries series2 = new SFSplineAreaSeries();
series2.ItemsSource = dataModel.SplineAreaData2;
series2.XBindingPath = "XValue";
series2.YBindingPath = "YValue";
series2.EnableTooltip = true;
series2.Alpha = 0.4f;
series2.DataMarker.LabelContent = SFChartLabelContent.Percentage;
series2.Label = "France";
series2.EnableAnimation = true;
chart.Series.Add(series2);
SFSplineAreaSeries series3 = new SFSplineAreaSeries();
series3.ItemsSource = dataModel.SplineAreaData3;
series3.XBindingPath = "XValue";
series3.YBindingPath = "YValue";
series3.EnableTooltip = true;
series3.Alpha = 0.4f;
series3.DataMarker.LabelContent = SFChartLabelContent.Percentage;
series3.Label = "Germany";
series3.EnableAnimation = true;
chart.Series.Add(series3);
chart.Legend.Visible = true;
chart.Legend.IconWidth = 14;
chart.Legend.IconHeight = 14;
chart.Legend.DockPosition = SFChartLegendPosition.Bottom;
chart.AddChartBehavior(new SFChartZoomPanBehavior());
this.AddSubview(chart);
}
public override SFSeries GetSeries(SFChart chart, nint index)
{
SFSplineAreaSeries series = new SFSplineAreaSeries ();
series.LegendIcon = SFChartLegendIcon.Rectangle;
series.EnableTooltip = true;
series.Alpha = 0.4f;
series.DataMarker.LabelContent = SFChartLabelContent.Percentage;
if (index == 0){
series.Label = new NSString("Fund 1");
}
else if (index == 1){
series.Label = new NSString("Fund 2 ");
}
else {
series.Label = new NSString("Fund 3");
}
return series;
}
public SplineArea()
{
SFChart chart = new SFChart();
chart.ColorModel.Palette = SFChartColorPalette.Natural;
chart.Title.Text = new NSString("Inflation Rate in Percentage");
SFCategoryAxis primaryAxis = new SFCategoryAxis();
primaryAxis.EdgeLabelsDrawingMode = SFChartAxisEdgeLabelsDrawingMode.Shift;
primaryAxis.ShowMajorGridLines = false;
primaryAxis.Interval = new NSNumber(2);
chart.PrimaryAxis = primaryAxis;
SFNumericalAxis secondaryAxis = new SFNumericalAxis();
secondaryAxis.Interval = new NSNumber(1);
secondaryAxis.Minimum = new NSNumber(0);
secondaryAxis.Maximum = new NSNumber(4);
NSNumberFormatter formatter = new NSNumberFormatter();
formatter.PositiveSuffix = "%";
secondaryAxis.LabelStyle.LabelFormatter = formatter;
secondaryAxis.AxisLineStyle.LineWidth = 0;
secondaryAxis.MajorTickStyle.LineSize = 0;
chart.SecondaryAxis = secondaryAxis;
ChartViewModel dataModel = new ChartViewModel();
SFSplineAreaSeries series1 = new SFSplineAreaSeries();
series1.ItemsSource = dataModel.SplineAreaData1;
series1.XBindingPath = "XValue";
series1.YBindingPath = "YValue";
series1.EnableTooltip = true;
series1.LegendIcon = SFChartLegendIcon.SeriesType;
series1.Label = "US";
series1.Alpha = 0.4f;
series1.EnableAnimation = true;
chart.Series.Add(series1);
SFSplineAreaSeries series2 = new SFSplineAreaSeries();
series2.ItemsSource = dataModel.SplineAreaData2;
series2.XBindingPath = "XValue";
series2.YBindingPath = "YValue";
series2.EnableTooltip = true;
series2.Alpha = 0.4f;
series2.LegendIcon = SFChartLegendIcon.SeriesType;
series2.Label = "France";
series2.EnableAnimation = true;
chart.Series.Add(series2);
SFSplineAreaSeries series3 = new SFSplineAreaSeries();
series3.ItemsSource = dataModel.SplineAreaData3;
series3.XBindingPath = "XValue";
series3.YBindingPath = "YValue";
series3.EnableTooltip = true;
series3.Alpha = 0.4f;
series3.LegendIcon = SFChartLegendIcon.SeriesType;
series3.Label = "Germany";
series3.EnableAnimation = true;
chart.Series.Add(series3);
chart.Legend.Visible = true;
chart.Legend.IconWidth = 14;
chart.Legend.IconHeight = 14;
chart.Legend.DockPosition = SFChartLegendPosition.Bottom;
this.AddSubview(chart);
}
public CustomizationRangeNavigator()
{
rangeNavigator = new SFDateTimeRangeNavigator();
lblTitle = new UILabel();
lblTitle.TextAlignment = UITextAlignment.Center;
lblTitle.Font = UIFont.FromName("Helvetica", 14f);
lblValue = new UILabel();
lblValue.TextAlignment = UITextAlignment.Center;
lblValue.Font = UIFont.FromName("Helvetica", 14f);
rangeNavigator.ShowTooltip = false;
rangeNavigator.Delegate = new CustomizationDelegate(lblTitle, lblValue);
DateTime minDate = new DateTime(2015, 1, 1, 0, 0, 0);
DateTime maxDate = new DateTime(2015, 12, 1, 0, 0, 0);
DateTime startDate = new DateTime(2015, 6, 15, 0, 0, 0);
DateTime endDate = new DateTime(2015, 9, 15, 0, 0, 0);
rangeNavigator.Minimum = DateTimeToNSDate(minDate);
rangeNavigator.Maximum = DateTimeToNSDate(maxDate);
rangeNavigator.ViewRangeStart = DateTimeToNSDate(startDate);
rangeNavigator.ViewRangeEnd = DateTimeToNSDate(endDate);
rangeNavigator.EdgeInsets = new UIEdgeInsets(0, 0, 20, 0);
rangeNavigator.Content.Layer.BorderWidth = 1.0f;
rangeNavigator.Content.Layer.BorderColor = UIColor.LightGray.CGColor;
rangeNavigator.LeftThumbStyle.LineWidth = 3.0f;
rangeNavigator.LeftThumbStyle.Width = 28.0f;
rangeNavigator.LeftThumbStyle.LineColor = UIColor.FromRGBA(95.0f / 255.0f, 104.0f / 255.0f, 114.0f / 255.0f, 1.0f);
rangeNavigator.RightThumbStyle.LineWidth = 3.0f;
rangeNavigator.RightThumbStyle.Width = 28.0f;
rangeNavigator.RightThumbStyle.LineColor = UIColor.FromRGBA(95.0f / 255.0f, 104.0f / 255.0f, 114.0f / 255.0f, 1.0f);
rangeNavigator.MinorScaleStyle.IsVisible = false;
rangeNavigator.MinorScaleStyle.ShowGridLines = false;
rangeNavigator.MajorScaleStyle.LabelTextColor = UIColor.FromRGBA(95.0f / 255.0f, 104.0f / 255.0f, 114.0f / 255.0f, 1.0f);
rangeNavigator.MajorScaleStyle.SelectedLabelTextColor = UIColor.FromRGBA(28.0f / 255.0f, 178.0f / 255.0f, 213.0f / 255.0f, 1.0f);
ChartViewModel dataModel = new ChartViewModel();
SFSplineAreaSeries series = new SFSplineAreaSeries();
series.Alpha = 0.6f;
series.BorderColor = UIColor.FromRGBA(28.0f / 255.0f, 178.0f / 255.0f, 213.0f / 255.0f, 1.0f);
series.Color = UIColor.FromRGBA(124.0f / 255.0f, 230.0f / 255.0f, 199.0f / 255.0f, 1.0f);
series.ItemsSource = dataModel.DateTimeRangeData;
series.XBindingPath = "XValue";
series.YBindingPath = "YValue";
((SFChart)rangeNavigator.Content).Series.Add(series);
ThumbLayer thumbLayer = new ThumbLayer();
rangeNavigator.ThumbLayer = thumbLayer;
this.AddSubview(lblTitle);
this.AddSubview(lblValue);
this.AddSubview(rangeNavigator);
NSDateFormatter resultFormatter = new NSDateFormatter();
resultFormatter.DateFormat = "MMM dd";
lblTitle.Text = string.Format(@"Data usage cycle: {0} - {1}",
resultFormatter.ToString(rangeNavigator.ViewRangeStart),
resultFormatter.ToString(rangeNavigator.ViewRangeEnd));
lblValue.Text = string.Format(@"Data usage - 101 MB");
//this.control = this;
}
