SciChart® the market leader in Fast WPF Charts, WPF 3D Charts, and iOS Chart & Android Chart Components


On device, there is an unwanted border line on the SCIChartSurface. Please refer to the screenshot.

I tried removing this by setting the border width and setting it’s colour as white as below
self.surface.view.layer.borderColor = [[UIColor whiteColor]CGColor];
self.surface.view.layer.borderWidth = 2.0f;
However, this does not set the border of the SCIChartSurface.

How do I remove this unwanted border line?

  • You must to post comments

Good day

We don’t have such line by default. I’ve just checked that on 1.2 version.
Please provide some more information on your SCIChartSurface setup, axes setup and annotations you are using.
Some small project to reproduce such issue would be really helpful

Best regards
Andrii SciChart iOS Developer

  • You must to post comments

Hi Chui,

Our team has created an example showing how to style various elements of the iOS SCIChartSurface:

iOS Chart Custom Styling Example

enter image description here

This shows how to style the surface.renderableSeriesAreaBorder by setting a pen with this line of code:

 // Obj C 
 surface.renderableSeriesAreaBorder = [[SCISolidPenStyle alloc] initWithColor:UIColor.darkGrayColor withThickness:1];

 // Swift 
 surface.renderableSeriesAreaBorder = SCISolidPenStyle(color: .darkGray, withThickness: 1)

Does it answer your questions? Is there anything else you would like to see added to this example?

Best regards,

  • You must to post comments
Showing 2 results
Your Answer

Please first to submit.