Using garish colors to demonstrate styling of the chart, axes, grid lines and common series types.

Almost any element in SciChart iOS is stylable and most parts of the chart are templated. You can easily set ios Chart background color, grid line color, axis label color, viewport background color and chart series colors..

// StylingSciChartView.m

//******************************************************************************
// SCICHART® Copyright SciChart Ltd. 2011-2018. All rights reserved.
//
// Web: http://www.scichart.com
// Support: support@scichart.com
// Sales:   sales@scichart.com
//
// StylingSciChartView.m is part of the SCICHART® Examples. Permission is hereby granted
// to modify, create derivative works, distribute and publish any part of this source
// code whether for commercial, private or personal use.
//
// The SCICHART® examples are distributed in the hope that they will be useful, but
// without any warranty. It is provided "AS IS" without warranty of any kind, either
// expressed or implied.
//******************************************************************************

#import "StylingSciChartView.h"
#import <SciChart/SciChart.h>
#import "DataManager.h"
#import "ThousandsLabelProvider.h"
#import "BillionsLabelProvider.h"

@implementation StylingSciChartView

- (void)initExample {
    // self.surface background. If you set color for chart area than it is color only for axes area
    self.surface.backgroundColor = UIColor.orangeColor;
    // chart area background fill color
    self.surface.renderableSeriesAreaFill = [[SCISolidBrushStyle alloc] initWithColorCode:0xFFFFB6C1];
    // chart area border color and thickness
    self.surface.renderableSeriesAreaBorder = [[SCISolidPenStyle alloc] initWithColorCode:0xFF4682b4 withThickness:2];
    
    // Brushes and styles for the XAxis, vertical gridlines, vertical tick marks, vertical axis bands and xaxis labels
    SCISolidBrushStyle * xAxisGridBandBrush = [[SCISolidBrushStyle alloc] initWithColorCode:0x55ff6655];
    SCISolidPenStyle * xAxisMajorGridLineBrush = [[SCISolidPenStyle alloc] initWithColor:UIColor.greenColor withThickness:1];
    SCISolidPenStyle * xAxisMinorGridLineBrush = [[SCISolidPenStyle alloc] initWithColor:UIColor.yellowColor withThickness:0.5 andStrokeDash:@[@(10.f), @(3.f), @(10.f), @(3.f)]];
    SCISolidPenStyle * xAxisMajorTickBrush = [[SCISolidPenStyle alloc] initWithColor:UIColor.greenColor withThickness:1];
    SCISolidPenStyle * xAxisMinorTickBrush = [[SCISolidPenStyle alloc] initWithColor:UIColor.yellowColor withThickness:0.5];
    UIColor * xAxisLabelColor = UIColor.purpleColor;
    NSString * xAxisFontName = @"Helvetica";
    float xAxisFontSize = 14.0f;
    BOOL xAxisDrawLabels = true;
    BOOL xAxisDrawMajorTicks = true;
    BOOL xAxisDrawMinorTicks = true;
    BOOL xAxisDrawMajorGridLines = true;
    BOOL xAxisDrawMinorGridLines = true;
    
    // Create the XAxis
    id <SCIAxis2DProtocol> xAxis = [SCINumericAxis new];
    xAxis.growBy = [[SCIDoubleRange alloc] initWithMin:SCIGeneric(0.1) Max:SCIGeneric(0.1)];
    xAxis.visibleRange = [[SCIDoubleRange alloc] initWithMin:SCIGeneric(150) Max:SCIGeneric(180)];
    
    // Apply styles to the XAxis (see above)
    xAxis.style.gridBandBrush = xAxisGridBandBrush;
    xAxis.style.majorGridLineBrush = xAxisMajorGridLineBrush;
    xAxis.style.minorGridLineBrush = xAxisMinorGridLineBrush;
    xAxis.style.labelStyle.color =  xAxisLabelColor;
    xAxis.style.labelStyle.fontName = xAxisFontName;
    xAxis.style.labelStyle.fontSize = xAxisFontSize;
    xAxis.style.drawMajorTicks = xAxisDrawMajorTicks;
    xAxis.style.drawMinorTicks = xAxisDrawMinorTicks;
    xAxis.style.drawLabels = xAxisDrawLabels;
    xAxis.style.drawMinorGridLines = xAxisDrawMinorGridLines;
    xAxis.style.drawMajorGridLines = xAxisDrawMajorGridLines;
    xAxis.style.majorTickSize = 5;
    xAxis.style.majorTickBrush = xAxisMajorTickBrush;
    xAxis.style.minorTickSize = 2;
    xAxis.style.minorTickBrush = xAxisMinorTickBrush;
    
    // Brushes and styles for the Right YAxis, vertical gridlines, vertical tick marks, horizontal axis bands and right yaxis labels
    SCISolidBrushStyle * yAxisGridBandBrush = [[SCISolidBrushStyle alloc] initWithColorCode:0x55ff6655];
    SCISolidPenStyle * yAxisMajorGridLineBrush = [[SCISolidPenStyle alloc] initWithColor:UIColor.greenColor withThickness:1];
    SCISolidPenStyle * yAxisMinorGridLineBrush = [[SCISolidPenStyle alloc] initWithColor:UIColor.yellowColor withThickness:0.5 andStrokeDash:@[@(10.f), @(3.f), @(10.f), @(3.f)]];
    SCISolidPenStyle * yAxisMajorTickBrush = [[SCISolidPenStyle alloc] initWithColor:UIColor.purpleColor withThickness:1];
    SCISolidPenStyle * yAxisMinorTickBrush = [[SCISolidPenStyle alloc] initWithColor:UIColor.redColor withThickness:0.5];
    UIColor * yAxisLabelColor = UIColor.greenColor;
    NSString * yAxisFontName = @"Helvetica";
    float yAxisFontSize = 14.0f;
    BOOL yAxisDrawLabels = true;
    BOOL yAxisDrawMajorTicks = true;
    BOOL yAxisDrawMinorTicks = true;
    BOOL yAxisDrawMajorGridLines = true;
    BOOL yAxisDrawMinorGridLines = true;
    SCINumericLabelProvider * yAxisLabelFormatter = [ThousandsLabelProvider new]; // For more info see the LabelProvider API Documentation
    
    // Create the right YAxis
    id <SCIAxis2DProtocol> yRightAxis = [SCINumericAxis new];
    yRightAxis.growBy = [[SCIDoubleRange alloc] initWithMin:SCIGeneric(0.1) Max:SCIGeneric(0.1)];
    yRightAxis.axisAlignment = SCIAxisAlignment_Right;
    yRightAxis.autoRange = SCIAutoRange_Always;
    yRightAxis.axisId = @"PrimaryAxisId";
    
    // Apply styles to the Right YAxis (see above)
    yRightAxis.style.gridBandBrush = yAxisGridBandBrush;
    yRightAxis.style.majorGridLineBrush = yAxisMajorGridLineBrush;
    yRightAxis.style.minorGridLineBrush = yAxisMinorGridLineBrush;
    yRightAxis.labelProvider = yAxisLabelFormatter;
    yRightAxis.style.labelStyle.color = yAxisLabelColor;
    yRightAxis.style.labelStyle.fontSize = yAxisFontSize;
    yRightAxis.style.labelStyle.fontName = yAxisFontName;
    yRightAxis.style.drawMajorTicks = yAxisDrawMajorTicks;
    yRightAxis.style.drawMinorTicks = yAxisDrawMinorTicks;
    yRightAxis.style.drawLabels = yAxisDrawLabels;
    yRightAxis.style.drawMinorGridLines = yAxisDrawMinorGridLines;
    yRightAxis.style.drawMajorGridLines = yAxisDrawMajorGridLines;
    yRightAxis.style.majorTickSize = 3;
    yRightAxis.style.majorTickBrush = yAxisMajorTickBrush;
    yRightAxis.style.minorTickSize = 2;
    yRightAxis.style.minorTickBrush = yAxisMinorTickBrush;
    
    // Brushes and styles for the Left YAxis, vertical gridlines, vertical tick marks, horizontal axis bands and left yaxis labels
    SCISolidPenStyle * yAxisLeftMajorTickBrush = [[SCISolidPenStyle alloc] initWithColor:UIColor.blackColor  withThickness:1];
    SCISolidPenStyle * yAxisLeftMinorTickBrush = [[SCISolidPenStyle alloc] initWithColor:UIColor.blackColor  withThickness:0.5];
    UIColor * yAxisLeftLabelColor = UIColor.purpleColor;
    float yAxisLeftFontSize = 12.0f;
    BOOL yAxisLeftDrawLabels = true;
    BOOL yAxisLeftDrawMajorTicks = true;
    BOOL yAxisLeftDrawMinorTicks = true;
    BOOL yAxisLeftDrawMajorGridLines = false;
    BOOL yAxisLeftDrawMinorGridLines = false;
    BOOL yAxisLeftDrawAxisBands = false;
    SCINumericLabelProvider * yAxisLeftLabelFormatter = [BillionsLabelProvider new]; // For more info see the LabelProvider API Documentation
    
    // Create the left YAxis
    id <SCIAxis2DProtocol> yLeftAxis = [SCINumericAxis new];
    yLeftAxis.growBy = [[SCIDoubleRange alloc] initWithMin:SCIGeneric(0) Max:SCIGeneric(3)];
    yLeftAxis.axisAlignment = SCIAxisAlignment_Left;
    yLeftAxis.autoRange = SCIAutoRange_Always;
    yLeftAxis.axisId = @"SecondaryAxisId";
    
    // we are disabling bands and grid on secondary Y axis
    yLeftAxis.style.drawMajorBands = yAxisLeftDrawAxisBands;
    yLeftAxis.style.drawMajorGridLines = yAxisLeftDrawMajorGridLines;
    yLeftAxis.style.drawMinorGridLines = yAxisLeftDrawMinorGridLines;
    yLeftAxis.labelProvider = yAxisLeftLabelFormatter;
    yLeftAxis.style.labelStyle.color = yAxisLeftLabelColor;
    yLeftAxis.style.labelStyle.fontSize = yAxisLeftFontSize;
    yLeftAxis.style.drawLabels = yAxisLeftDrawLabels;
    yLeftAxis.style.drawMajorTicks = yAxisLeftDrawMajorTicks;
    yLeftAxis.style.drawMinorTicks = yAxisLeftDrawMinorTicks;
    yLeftAxis.style.drawMajorGridLines = yAxisLeftDrawMajorGridLines;
    yLeftAxis.style.drawMinorGridLines = yAxisLeftDrawMinorGridLines;
    yLeftAxis.style.majorTickSize = 3;
    yLeftAxis.style.majorTickBrush = yAxisLeftMajorTickBrush;
    yLeftAxis.style.minorTickSize = 2;
    yLeftAxis.style.minorTickBrush = yAxisLeftMinorTickBrush;
    
    // Create and populate data series
    PriceSeries * priceSeries = [DataManager getPriceDataIndu];
    double movingAverageArray[priceSeries.size];
    double offsetLowData[priceSeries.size];
    
    SCIXyDataSeries * mountainDataSeries = [[SCIXyDataSeries alloc] initWithXType:SCIDataType_Double YType:SCIDataType_Double];
    mountainDataSeries.seriesName = @"Mountain Series";
    SCIXyDataSeries * lineDataSeries = [[SCIXyDataSeries alloc] initWithXType:SCIDataType_Double YType:SCIDataType_Double];
    lineDataSeries.seriesName = @"Line Series";
    SCIXyDataSeries * columnDataSeries = [[SCIXyDataSeries alloc] initWithXType:SCIDataType_Double YType:SCIDataType_Int64];
    columnDataSeries.seriesName = @"Column Series";
    SCIOhlcDataSeries * candlestickDataSeries = [[SCIOhlcDataSeries alloc] initWithXType:SCIDataType_Double YType:SCIDataType_Double];
    candlestickDataSeries.seriesName = @"Candlestick Series";
    
    [mountainDataSeries appendRangeX:SCIGeneric(priceSeries.indexesAsDouble) Y:SCIGeneric([DataManager offsetArray:priceSeries.lowData destArray:offsetLowData count:priceSeries.size offset:-1000]) Count:priceSeries.size];
    SCIGenericType movingAverage = SCIGeneric([DataManager computeMovingAverageOf:priceSeries.closeData destArray:movingAverageArray sourceArraySize:priceSeries.size length:50]);
    [lineDataSeries appendRangeX:SCIGeneric(priceSeries.indexesAsDouble) Y:movingAverage Count:priceSeries.size];
    [columnDataSeries appendRangeX:SCIGeneric(priceSeries.indexesAsDouble) Y:SCIGeneric(priceSeries.volumeData) Count:priceSeries.size];
    [candlestickDataSeries appendRangeX:SCIGeneric(priceSeries.indexesAsDouble)
                                   Open:SCIGeneric(priceSeries.openData)
                                   High:SCIGeneric(priceSeries.highData)
                                    Low:SCIGeneric(priceSeries.lowData)
                                  Close:SCIGeneric(priceSeries.closeData)
                                  Count:priceSeries.size];
    
    SCIFastMountainRenderableSeries * mountainSeries = [SCIFastMountainRenderableSeries new];
    mountainSeries.dataSeries = mountainDataSeries;
    mountainSeries.yAxisId = @"PrimaryAxisId";
    // mountain series area fill
    mountainSeries.areaStyle = [[SCISolidBrushStyle alloc] initWithColorCode:0xA000D0D0];
    // mountain series line (just on top of mountain). If set to nil, there will be no line
    mountainSeries.strokeStyle = [[SCISolidPenStyle alloc] initWithColorCode:0xFF00D0D0 withThickness:2];
    // setting to true gives jagged mountains. set to false if you want regular mountain chart
    mountainSeries.isDigitalLine = YES;
    
    SCIFastLineRenderableSeries *lineRenderableSeries = [SCIFastLineRenderableSeries new];
    lineRenderableSeries.dataSeries = lineDataSeries;
    lineRenderableSeries.yAxisId = @"PrimaryAxisId";
    // line series color and thickness
    lineRenderableSeries.strokeStyle = [[SCISolidPenStyle alloc] initWithColorCode:0xFF0000FF withThickness:3];
    // setting to true gives jagged line. set to false if you want regular line chart
    lineRenderableSeries.isDigitalLine = NO;
    // one of the options for point markers. That one uses core graphics drawing to render texture for point markers
    SCICoreGraphicsPointMarker * pointMarker = [[SCICoreGraphicsPointMarker alloc] init];
    pointMarker.height = 7;
    pointMarker.width = 7;
    // point marers at data points. set to nil if you don't need them
    lineRenderableSeries.pointMarker = pointMarker;
    
    SCIFastColumnRenderableSeries * columnSeries = [SCIFastColumnRenderableSeries new];
    columnSeries.dataSeries = columnDataSeries;
    columnSeries.yAxisId = @"SecondaryAxisId";
    // column series fill color
    columnSeries.fillBrushStyle = [[SCISolidBrushStyle alloc] initWithColorCode:0xE0D030D0];
    // column series outline color and width. It is set to nil to disable outline
    columnSeries.strokeStyle = nil;
    
    SCIFastCandlestickRenderableSeries * candlestickSeries = [SCIFastCandlestickRenderableSeries new];
    candlestickSeries.dataSeries = candlestickDataSeries;
    candlestickSeries.yAxisId = @"PrimaryAxisId";
    // candlestick series has separate color for data where close is higher that open value (up) and oposite when close is lower than open (down)
    // candlestick stroke color and thicknes for "up" data
    candlestickSeries.strokeUpStyle = [[SCISolidPenStyle alloc] initWithColorCode:0xFF00FF00 withThickness:1];
    // candlestick fill color for "up" data
    candlestickSeries.fillUpBrushStyle = [[SCISolidBrushStyle alloc] initWithColorCode:0x7000FF00];
    // candlestick stroke color and thicknes for "down" data
    candlestickSeries.strokeDownStyle = [[SCISolidPenStyle alloc] initWithColorCode:0xFFFF0000 withThickness:1];
    // candlestick fill color for "down" data
    candlestickSeries.fillDownBrushStyle = [[SCISolidBrushStyle alloc] initWithColorCode:0xFFFF0000];
    
    [SCIUpdateSuspender usingWithSuspendable:self.surface withBlock:^{
        [self.surface.xAxes add:xAxis];
        [self.surface.yAxes add:yRightAxis];
        [self.surface.yAxes add:yLeftAxis];
    
        [self.surface.renderableSeries add:mountainSeries];
        [self.surface.renderableSeries add:lineRenderableSeries];
        [self.surface.renderableSeries add:columnSeries];
        [self.surface.renderableSeries add:candlestickSeries];
        self.surface.chartModifiers = [[SCIChartModifierCollection alloc] initWithChildModifiers:@[[SCICursorModifier new], [SCIZoomExtentsModifier new]]];
        
        [mountainSeries addAnimation:[[SCIWaveRenderableSeriesAnimation alloc] initWithDuration:3.0 curveAnimation:SCIAnimationCurve_EaseOut]];
        [lineRenderableSeries addAnimation:[[SCISweepRenderableSeriesAnimation alloc] initWithDuration:3.0 curveAnimation:SCIAnimationCurve_EaseOut]];
        [columnSeries addAnimation:[[SCIWaveRenderableSeriesAnimation alloc] initWithDuration:3.0 curveAnimation:SCIAnimationCurve_EaseOut]];
        [candlestickSeries addAnimation:[[SCIScaleRenderableSeriesAnimation alloc] initWithDuration:3.0 curveAnimation:SCIAnimationCurve_EaseOutElastic]];
    }];
}

@end

// StylingSciChartView.swift

//******************************************************************************
// SCICHART® Copyright SciChart Ltd. 2011-2018. All rights reserved.
//
// Web: http://www.scichart.com
// Support: support@scichart.com
// Sales:   sales@scichart.com
//
// StylingSciChartView.swift is part of the SCICHART® Examples. Permission is hereby granted
// to modify, create derivative works, distribute and publish any part of this source
// code whether for commercial, private or personal use.
//
// The SCICHART® examples are distributed in the hope that they will be useful, but
// without any warranty. It is provided "AS IS" without warranty of any kind, either
// expressed or implied.
//******************************************************************************

class StylingSciChartView: SingleChartLayout {
    
    override func initExample() {
        // surface background. If you set color for chart background than it is color only for axes area
        surface.backgroundColor = .orange
        // chart area (viewport) background fill color
        surface.renderableSeriesAreaFill = SCISolidBrushStyle(colorCode: 0xFFFFB6C1)
        // chart area border color and thickness
        surface.renderableSeriesAreaBorder = SCISolidPenStyle(colorCode: 0xFF4682b4, withThickness: 2)

        // Brushes and styles for the XAxis, vertical gridlines, vertical tick marks, vertical axis bands and xaxis labels
        let xAxisGridBandBrush = SCISolidBrushStyle(colorCode: 0x55ff6655)
        let xAxisMajorGridLineBrush = SCISolidPenStyle(color: .green, withThickness: 1)
        let xAxisMinorGridLineBrush = SCISolidPenStyle(color: .yellow, withThickness: 0.5, andStrokeDash: [10, 3, 10, 3])
        let xAxisMajorTickBrush = SCISolidPenStyle(color: .green, withThickness: 1)
        let xAxisMinorTickBrush = SCISolidPenStyle(color: .yellow, withThickness: 0.5, andStrokeDash: [10, 3, 10, 3])
        let xAxisLabelColor = UIColor.purple
        let xAxisFontName = "Helvetica"
        let xAxisFontSize: Float = 14.0
        let xAxisDrawLabels = true
        let xAxisDrawMajorTicks = true
        let xAxisDrawMinorTicks = true
        let xAxisDrawMajorGridlines = true
        let xAxisDrawMinorGridlines = true
        
        // Create the XAxis
        let xAxis = SCINumericAxis()
        xAxis.growBy = SCIDoubleRange(min: SCIGeneric(0.1), max: SCIGeneric(0.1))
        xAxis.visibleRange = SCIDoubleRange(min: SCIGeneric(150), max: SCIGeneric(180))
        
        // Apply styles to the XAxis (see above)
        xAxis.style.gridBandBrush = xAxisGridBandBrush;
        xAxis.style.majorGridLineBrush = xAxisMajorGridLineBrush
        xAxis.style.minorGridLineBrush = xAxisMinorGridLineBrush
        xAxis.style.labelStyle.color = xAxisLabelColor
        xAxis.style.labelStyle.fontName = xAxisFontName
        xAxis.style.labelStyle.fontSize = xAxisFontSize
        xAxis.style.drawMajorTicks = xAxisDrawMajorTicks
        xAxis.style.drawMinorTicks = xAxisDrawMinorTicks
        xAxis.style.drawMajorGridLines = xAxisDrawMajorGridlines
        xAxis.style.drawMinorGridLines = xAxisDrawMinorGridlines
        xAxis.style.drawLabels = xAxisDrawLabels
        xAxis.style.majorTickSize = 5
        xAxis.style.majorTickBrush = xAxisMajorTickBrush
        xAxis.style.minorTickSize = 2
        xAxis.style.minorTickBrush = xAxisMinorTickBrush
        
        // Brushes and styles for the Right YAxis, horizontal gridlines, horizontal tick marks, horizontal axis bands and right yaxis labels
        let yAxisMajorBandBrush = SCISolidBrushStyle(colorCode: 0x55ff6655)
        let yAxisMajorGridLineBrush = SCISolidPenStyle(color: .green, withThickness: 1)
        let yAxisMinorGridLineBrush = SCISolidPenStyle(color: .yellow, withThickness: 0.5, andStrokeDash: [10, 3, 10, 3])
        let yAxisMajorTickBrush = SCISolidPenStyle(color: .purple, withThickness: 1)
        let yAxisMinorTickBrush = SCISolidPenStyle(color: .red, withThickness: 0.5)
        let yAxisLabelColor = UIColor.green
        let yAxisFontName = "Helvetica"
        let yAxisFontSize: Float = 14.0
        let yAxisDrawLabels = true
        let yAxisDrawMajorTicks = true
        let yAxisDrawMinorTicks = true
        let yAxisDrawMajorGridlines = true
        let yAxisDrawMinorGridlines = true
        let yAxisLabelFormatter = ThousandsLabelProvider() // see LabelProvider API documentation for more info
        
        // Create the Right YAxis
        let yRightAxis = SCINumericAxis()
        yRightAxis.growBy = SCIDoubleRange(min: SCIGeneric(0.1), max: SCIGeneric(0.1))
        yRightAxis.axisAlignment = .right
        yRightAxis.autoRange = .always
        yRightAxis.axisId = "PrimaryAxisId"
        
        // Apply styles to the Right YAxis (see above)
        yRightAxis.style.gridBandBrush = yAxisMajorBandBrush
        yRightAxis.style.majorGridLineBrush = yAxisMajorGridLineBrush
        yRightAxis.style.minorGridLineBrush = yAxisMinorGridLineBrush
        yRightAxis.labelProvider = yAxisLabelFormatter
        yRightAxis.style.labelStyle.color = yAxisLabelColor
        yRightAxis.style.labelStyle.fontSize = yAxisFontSize
        yRightAxis.style.labelStyle.fontName = yAxisFontName
        yRightAxis.style.drawMajorTicks = yAxisDrawMajorTicks
        yRightAxis.style.drawMinorTicks = yAxisDrawMinorTicks
        yRightAxis.style.drawLabels = yAxisDrawLabels
        yRightAxis.style.drawMajorGridLines = yAxisDrawMajorGridlines
        yRightAxis.style.drawMinorGridLines = yAxisDrawMinorGridlines
        yRightAxis.style.majorTickSize = 3
        yRightAxis.style.majorTickBrush = yAxisMajorTickBrush
        yRightAxis.style.minorTickSize = 2
        yRightAxis.style.minorTickBrush = yAxisMinorTickBrush
        
        // Brushes and styles for the Left YAxis, horizontal gridlines, horizontal tick marks, horizontal axis bands and left yaxis labels
        let yLeftAxisMajorTickBrush = SCISolidPenStyle(color: .black, withThickness: 1)
        let yLeftAxisMinorTickBrush = SCISolidPenStyle(color: .black, withThickness: 0.5)
        let yLeftAxisLabelColor = UIColor.purple
        let yLeftAxisFontSize: Float = 12.0
        let yLeftAxisDrawLabels = true
        let yLeftAxisDrawMajorTicks = true
        let yLeftAxisDrawMinorTicks = true
        let yLeftAxisDrawMajorGridlines = false
        let yLeftAxisDrawMinorGridlines = false
        let yLeftAxisDrawMajorBands = false
        let yLeftAxisLabelFormatter = BillionsLabelProvider() // See LabelProvider API documentation
        
        // Create the left YAxis
        let yLeftAxis = SCINumericAxis()
        yLeftAxis.growBy = SCIDoubleRange(min: SCIGeneric(0), max: SCIGeneric(3))
        yLeftAxis.axisAlignment = .left;
        yLeftAxis.autoRange = .always;
        yLeftAxis.axisId = "SecondaryAxisId";
        
        // Apply styles to the left YAxis (see above)
        yLeftAxis.style.drawMajorBands = yLeftAxisDrawMajorBands
        yLeftAxis.style.drawMajorGridLines = yLeftAxisDrawMajorGridlines
        yLeftAxis.style.drawMinorGridLines = yLeftAxisDrawMinorGridlines
        yLeftAxis.style.drawMajorTicks = yLeftAxisDrawMajorTicks
        yLeftAxis.style.drawMinorTicks = yLeftAxisDrawMinorTicks
        yLeftAxis.style.drawLabels = yLeftAxisDrawLabels
        yLeftAxis.labelProvider = yLeftAxisLabelFormatter
        yLeftAxis.style.labelStyle.color = yLeftAxisLabelColor
        yLeftAxis.style.labelStyle.fontSize = yLeftAxisFontSize
        yLeftAxis.style.majorTickSize = 3
        yLeftAxis.style.majorTickBrush = yLeftAxisMajorTickBrush
        yLeftAxis.style.minorTickSize = 2
        yLeftAxis.style.minorTickBrush = yLeftAxisMinorTickBrush
        
        // Create and populate data series
        let priceData = DataManager.getPriceDataIndu()
        let size = priceData!.size()
        
        let movingAverageArray = [Double](repeating: 0, count: Int(size))
        let movingAverageArrayPointer: UnsafeMutablePointer<Double> = UnsafeMutablePointer(mutating: movingAverageArray)
        
        let mountainDataSeries = SCIXyDataSeries(xType: .double, yType: .double)
        mountainDataSeries.seriesName = "Mountain Series"
        let lineDataSeries = SCIXyDataSeries(xType: .double, yType: .double)
        lineDataSeries.seriesName = "Line Series"
        let columnDataSeries = SCIXyDataSeries(xType: .double, yType: .double)
        columnDataSeries.seriesName = "Column Series"
        let candlestickDataSeries = SCIOhlcDataSeries(xType: .double, yType: .double)
        candlestickDataSeries.seriesName = "Candlestick Series"
        
        mountainDataSeries.appendRangeX(DataManager.getGenericDataArray(priceData!.indexesAsDouble()), y: DataManager.getGenericDataArrayWithOffset(priceData!.closeData(), size: size, offset: -1000), count: size)
        let movingAverage = SCIGeneric(DataManager.computeMovingAverage(of: priceData!.closeData(), destArray: movingAverageArrayPointer, sourceArraySize: size, length: 50))
        lineDataSeries.appendRangeX(DataManager.getGenericDataArray(priceData!.indexesAsDouble()), y: movingAverage, count: size)
        columnDataSeries.appendRangeX(DataManager.getGenericDataArray(priceData!.indexesAsDouble()), y: DataManager.getGenericDataArray(priceData!.volumeData()), count: size)
        candlestickDataSeries.appendRangeX(DataManager.getGenericDataArray(priceData!.indexesAsDouble()),
                                           open: DataManager.getGenericDataArray(priceData!.openData()),
                                           high: DataManager.getGenericDataArray(priceData!.highData()),
                                           low: DataManager.getGenericDataArray(priceData!.lowData()),
                                           close: DataManager.getGenericDataArray(priceData!.closeData()),
                                           count: size)
        
        let mountainSeries = SCIFastMountainRenderableSeries()
        mountainSeries.dataSeries = mountainDataSeries
        mountainSeries.yAxisId = "PrimaryAxisId"
        // mountain series area fill
        mountainSeries.areaStyle = SCISolidBrushStyle(colorCode: 0xA000D0D0)
        // mountain series line (just on top of mountain). If set to nil, there will be no line
        mountainSeries.strokeStyle = SCISolidPenStyle(colorCode: 0xFF00D0D0, withThickness: 2)
        // setting to true gives jagged mountains. set to false if you want regular mountain chart
        mountainSeries.isDigitalLine = true
        
        let lineSeries = SCIFastLineRenderableSeries()
        lineSeries.dataSeries = lineDataSeries
        lineSeries.yAxisId = "PrimaryAxisId"
        // line series color and thickness
        lineSeries.strokeStyle = SCISolidPenStyle(colorCode: 0xFF0000FF, withThickness: 3)
        // setting to true gives jagged line. set to false if you want regular line chart
        lineSeries.isDigitalLine = false
        // one of the options for point markers. That one uses core graphics drawing to render texture for point markers
        let pointMarker = SCICoreGraphicsPointMarker()
        pointMarker.height = 7
        pointMarker.width = 7
        // point marers at data points. set to nil if you don't need them
        lineSeries.pointMarker = pointMarker
        
        let columnSeries = SCIFastColumnRenderableSeries()
        columnSeries.dataSeries = columnDataSeries
        columnSeries.yAxisId = "SecondaryAxisId"
        // column series fill color
        columnSeries.fillBrushStyle = SCISolidBrushStyle(colorCode: 0xE0D030D0)
        // column series outline color and width. It is set to nil to disable outline
        columnSeries.strokeStyle = nil

        let candlestickSeries = SCIFastCandlestickRenderableSeries()
        candlestickSeries.dataSeries = candlestickDataSeries
        candlestickSeries.yAxisId = "PrimaryAxisId"
        // candlestick series has separate color for data where close is higher that open value (up) and oposite when close is lower than open (down)
        // candlestick stroke color and thicknes for "up" data
        candlestickSeries.strokeUpStyle = SCISolidPenStyle(colorCode: 0xFF00FF00, withThickness: 1)
        // candlestick fill color for "up" data
        candlestickSeries.fillUpBrushStyle = SCISolidBrushStyle(colorCode: 0x7000FF00)
        // candlestick stroke color and thicknes for "down" data
        candlestickSeries.strokeDownStyle = SCISolidPenStyle(colorCode: 0xFFFF0000, withThickness: 1)
        // candlestick fill color for "down" data
        candlestickSeries.fillDownBrushStyle = SCISolidBrushStyle(colorCode: 0xFFFF0000)

        SCIUpdateSuspender.usingWithSuspendable(surface) {
            self.surface.xAxes.add(xAxis)
            self.surface.yAxes.add(yRightAxis)
            self.surface.yAxes.add(yLeftAxis)
            self.surface.renderableSeries.add(mountainSeries)
            self.surface.renderableSeries.add(lineSeries)
            self.surface.renderableSeries.add(candlestickSeries)
            self.surface.renderableSeries.add(columnSeries)
            self.surface.chartModifiers = SCIChartModifierCollection(childModifiers: [SCICursorModifier(), SCIZoomExtentsModifier()])

            mountainSeries.addAnimation(SCIWaveRenderableSeriesAnimation(duration: 3, curveAnimation: .easeOut))
            lineSeries.addAnimation(SCISweepRenderableSeriesAnimation(duration: 3, curveAnimation: .easeOut))
            columnSeries.addAnimation(SCIWaveRenderableSeriesAnimation(duration: 3, curveAnimation: .easeOut))
            candlestickSeries.addAnimation(SCIScaleRenderableSeriesAnimation(duration: 3, curveAnimation: .easeOutElastic))
        }
    }
}

< BACK TO ALL IOS CHART CHART EXAMPLES