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; }