Steema Issues Database

Note: This database is for bugs and wishes only. For technical support help, if you are a customer please visit our online forums;
otherwise you can use StackOverflow.
Before using this bug-tracker we recommend a look at this document, Steema Bug Fixing Policy.



Bug 1223

Summary: TeeChart bottom axis labels are cut off in iOS
Product: .NET TeeChart Reporter: narcís calvet <narcis>
Component: iOSAssignee: Steema Issue Manager <issuemanager>
Status: RESOLVED FIXED    
Severity: major CC: pep
Priority: ---    
Version: unspecified   
Target Milestone: ---   
Hardware: PC   
OS: Windows   
URL: http://stackoverflow.com/questions/30426068/teechart-bottom-axis-labels-are-cut-off-in-ios
Chart Series: --- Delphi / C++ Builder RAD IDE Version:

Description narcís calvet 2015-06-05 04:31:25 EDT
I'm building an iOS app (unified) using Xamarin. I'm also using TeeCharts. I have a very simple bar chart whose bottom axis labels are rotated by 90 degrees (vertical labels). The bottom axis shows dates (10 days, starting from today). The labels of the bottom axis are cut off. 

    public override void ViewDidLoad()
    {
      base.ViewDidLoad();

      var tChart1 = new Steema.TeeChart.TChart();

      CGColor textColor = UIColor.Black.CGColor;

      tChart1.Aspect.View3D = false;
      tChart1.Header.Text = String.Empty;
      tChart1.Aspect.ZoomScrollStyle = Steema.TeeChart.Drawing.Aspect.ZoomScrollStyles.Manual;
      tChart1.Zoom.Active = false;
      tChart1.Zoom.Allow = false;
      tChart1.Panning.Allow = ScrollModes.None;
      tChart1.Legend.Visible = false;
      tChart1.Header.Text = "Test";

      // Walls
      tChart1.Walls.Back.Pen.Visible = false;
      tChart1.Walls.Back.Gradient.Visible = false;
      tChart1.Walls.Back.Color = UIColor.Gray.CGColor;

      // Left axis
      tChart1.Axes.Left.AxisPen.Visible = false;
      tChart1.Axes.Left.Grid.Visible = false;
      tChart1.Axes.Left.Ticks.Visible = false;
      tChart1.Axes.Left.MinorTicks.Visible = false;
      tChart1.Axes.Left.MinorGrid.Visible = false;
      tChart1.Axes.Left.Grid.Style = Steema.TeeChart.Drawing.DashStyle.Solid;
      tChart1.Axes.Left.Grid.Color = UIColor.White.CGColor;
      tChart1.Axes.Left.Grid.Width = 2;
      tChart1.Axes.Left.Labels.Font.Color = textColor;
      tChart1.Axes.Left.MaximumOffset = 30;

      // Bottom axis
      tChart1.Axes.Bottom.AxisPen.Visible = false;
      tChart1.Axes.Bottom.Grid.Visible = false;
      tChart1.Axes.Bottom.Ticks.Visible = false;
      tChart1.Axes.Bottom.MinorTicks.Visible = false;
      tChart1.Axes.Bottom.MinorGrid.Visible = false;
      tChart1.Axes.Bottom.Grid.Visible = false;
      tChart1.Axes.Bottom.Labels.Angle = 90;
      tChart1.Axes.Bottom.Labels.Font.Color = textColor;

      // series
      Steema.TeeChart.Styles.Bar testSeries = new Steema.TeeChart.Styles.Bar() { VertAxis = Steema.TeeChart.Styles.VerticalAxis.Left };
      testSeries.Marks.Visible = false;
      testSeries.Color = UIColor.Blue.CGColor;
      testSeries.XValues.DateTime = true;
      testSeries.BarWidthPercent = 100 * (int)(float)UIKit.UIScreen.MainScreen.Scale;
      testSeries.SideMargins = true;
      tChart1.Series.Add(testSeries);

      for (int i = 0; i < 10; i++)
      {
        testSeries.Add(DateTime.Now.AddDays(i), i);
      }

      tChart1.Frame = this.View.Frame;

      this.View.AddSubview(tChart1);
    }