// iOS Chart Examples

SciChart’s OpenGLES iOS Chart library ships with ~60 Objective-C and Swift 4 iOS Chart Examples which you can browse, play with, view the source-code and even export each iOS Objective-C / Swift Chart Example to a stand-alone XCode project. All of this is possible with the new and improved SciChart iOS Examples Suite, which ships as part of the SciChart iOS SDK.

DOWNLOAD THE IOS CHART EXAMPLES

// iOS Legend Chart

Generates a simple iOS line chart with a Chart Legend.

To create a Legend, add a SCILegendModifier to the SCIChartSurface.ChartModifiers collection.

The Legend displays the series names, colours and a checkbox which can be used to change visibility of the series. It is possible to change the legend orientation, to show/hide series markers or visibility checkboxes, as well as set the position of the legend in the chart.

// Source Code

The Swift 4 and Objective-C source code for the iOS Legend Chart example is included below (Scroll down!).

Did you know you can also view the source code from one of the following sources as well?

Clone the SciChart.iOS.Examples from Github.
Or, view source and export each example to an XCode project from the Obj-C version of the SciChart iOS Examples app.
Also the SciChart iOS Trial contains the full source for the examples (link below).

DOWNLOAD THE IOS CHART EXAMPLES

iOS Legend Chart - View and Export Source Code

// LegendChartView.m

//******************************************************************************
// SCICHARTÂ® Copyright SciChart Ltd. 2011-2018. All rights reserved.
//
// Web: http://www.scichart.com
// Support: support@scichart.com
// Sales:   sales@scichart.com
//
// LegendChartView.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 "LegendChartView.h"
#import <SciChart/SciChart.h>
#import "DataManager.h"

@implementation LegendChartView

- (void)initExample {
    id<SCIAxis2DProtocol> xAxis = [SCINumericAxis new];
    id<SCIAxis2DProtocol> yAxis = [SCINumericAxis new];
    
    SCIXyDataSeries * dataSeries1 = [[SCIXyDataSeries alloc] initWithXType:SCIDataType_Double YType:SCIDataType_Double];
    dataSeries1.seriesName = @"Curve A";
    SCIXyDataSeries * dataSeries2 = [[SCIXyDataSeries alloc] initWithXType:SCIDataType_Double YType:SCIDataType_Double];
    dataSeries2.seriesName = @"Curve B";
    SCIXyDataSeries * dataSeries3 = [[SCIXyDataSeries alloc] initWithXType:SCIDataType_Double YType:SCIDataType_Double];
    dataSeries3.seriesName = @"Curve C";
    SCIXyDataSeries * dataSeries4 = [[SCIXyDataSeries alloc] initWithXType:SCIDataType_Double YType:SCIDataType_Double];
    dataSeries4.seriesName = @"Curve D";
    
    DoubleSeries * doubleSeries1 = [DataManager getStraightLinesWithGradient:4000 yIntercept:1.0 pointCount:10];
    DoubleSeries * doubleSeries2 = [DataManager getStraightLinesWithGradient:3000 yIntercept:1.0 pointCount:10];
    DoubleSeries * doubleSeries3 = [DataManager getStraightLinesWithGradient:2000 yIntercept:1.0 pointCount:10];
    DoubleSeries * doubleSeries4 = [DataManager getStraightLinesWithGradient:1000 yIntercept:1.0 pointCount:10];
    
    [dataSeries1 appendRangeX:doubleSeries1.xValues Y:doubleSeries1.yValues Count:doubleSeries1.size];
    [dataSeries2 appendRangeX:doubleSeries2.xValues Y:doubleSeries2.yValues Count:doubleSeries2.size];
    [dataSeries3 appendRangeX:doubleSeries3.xValues Y:doubleSeries3.yValues Count:doubleSeries3.size];
    [dataSeries4 appendRangeX:doubleSeries4.xValues Y:doubleSeries4.yValues Count:doubleSeries4.size];
    
    SCIFastLineRenderableSeries * line1 = [SCIFastLineRenderableSeries new];
    line1.strokeStyle = [[SCISolidPenStyle alloc] initWithColorCode:0xFFFFFF00 withThickness:1];
    line1.dataSeries = dataSeries1;
    SCIFastLineRenderableSeries * line2 = [SCIFastLineRenderableSeries new];
    line2.strokeStyle = [[SCISolidPenStyle alloc] initWithColorCode:0xFF279B27 withThickness:1];
    line2.dataSeries = dataSeries2;
    SCIFastLineRenderableSeries * line3 = [SCIFastLineRenderableSeries new];
    line3.strokeStyle = [[SCISolidPenStyle alloc] initWithColorCode:0xFFFF1919 withThickness:1];
    line3.dataSeries = dataSeries3;
    SCIFastLineRenderableSeries * line4 = [SCIFastLineRenderableSeries new];
    line4.strokeStyle = [[SCISolidPenStyle alloc] initWithColorCode:0xFF1964FF withThickness:1];
    line4.dataSeries = dataSeries4;
    line4.isVisible = NO;
    
    [SCIUpdateSuspender usingWithSuspendable:self.surface withBlock:^{
        [self.surface.xAxes add:xAxis];
        [self.surface.yAxes add:yAxis];
        [self.surface.renderableSeries add:line1];
        [self.surface.renderableSeries add:line2];
        [self.surface.renderableSeries add:line3];
        [self.surface.renderableSeries add:line4];
        
        [line1 addAnimation:[[SCISweepRenderableSeriesAnimation alloc] initWithDuration:3 curveAnimation:SCIAnimationCurve_EaseOut]];
        [line2 addAnimation:[[SCISweepRenderableSeriesAnimation alloc] initWithDuration:3 curveAnimation:SCIAnimationCurve_EaseOut]];
        [line3 addAnimation:[[SCISweepRenderableSeriesAnimation alloc] initWithDuration:3 curveAnimation:SCIAnimationCurve_EaseOut]];
        [line4 addAnimation:[[SCISweepRenderableSeriesAnimation alloc] initWithDuration:3 curveAnimation:SCIAnimationCurve_EaseOut]];
        
        [self.surface.chartModifiers add:[SCILegendModifier new]];
    }];
}

@end

// LegendChartView.swift

//******************************************************************************
// SCICHARTÂ® Copyright SciChart Ltd. 2011-2018. All rights reserved.
//
// Web: http://www.scichart.com
// Support: support@scichart.com
// Sales:   sales@scichart.com
//
// LegendChartView.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 LegendChartView: SingleChartLayout {
    
    override func initExample() {
        let xAxis = SCINumericAxis()
        let yAxis = SCINumericAxis()
        
        let dataSeries1 = SCIXyDataSeries(xType: .double, yType: .double)
        dataSeries1.seriesName = "Curve A"
        let dataSeries2 = SCIXyDataSeries(xType: .double, yType: .double)
        dataSeries2.seriesName = "Curve B"
        let dataSeries3 = SCIXyDataSeries(xType: .double, yType: .double)
        dataSeries3.seriesName = "Curve C"
        let dataSeries4 = SCIXyDataSeries(xType: .double, yType: .double)
        dataSeries4.seriesName = "Curve D"
        
        let doubleSeries1 = DataManager.getStraightLines(withGradient: 4000, yIntercept: 1.0, pointCount: 10)
        let doubleSeries2 = DataManager.getStraightLines(withGradient: 3000, yIntercept: 1.0, pointCount: 10)
        let doubleSeries3 = DataManager.getStraightLines(withGradient: 2000, yIntercept: 1.0, pointCount: 10)
        let doubleSeries4 = DataManager.getStraightLines(withGradient: 1000, yIntercept: 1.0, pointCount: 10)
        
        dataSeries1.appendRangeX(doubleSeries1!.xValues, y: doubleSeries1!.yValues, count: doubleSeries1!.size)
        dataSeries2.appendRangeX(doubleSeries2!.xValues, y: doubleSeries2!.yValues, count: doubleSeries2!.size)
        dataSeries3.appendRangeX(doubleSeries3!.xValues, y: doubleSeries3!.yValues, count: doubleSeries3!.size)
        dataSeries4.appendRangeX(doubleSeries4!.xValues, y: doubleSeries4!.yValues, count: doubleSeries4!.size)
        
        let line1 = SCIFastLineRenderableSeries()
        line1.strokeStyle = SCISolidPenStyle(colorCode: 0xFFFFFF00, withThickness: 1)
        line1.dataSeries = dataSeries1
        let line2 = SCIFastLineRenderableSeries()
        line2.strokeStyle = SCISolidPenStyle(colorCode: 0xFF279B27, withThickness: 1)
        line2.dataSeries = dataSeries2
        let line3 = SCIFastLineRenderableSeries()
        line3.strokeStyle = SCISolidPenStyle(colorCode: 0xFFFF1919, withThickness: 1)
        line3.dataSeries = dataSeries3
        let line4 = SCIFastLineRenderableSeries()
        line3.strokeStyle = SCISolidPenStyle(colorCode: 0xFF1964FF, withThickness: 1)
        line4.dataSeries = dataSeries4
        line4.isVisible = false
        
        SCIUpdateSuspender.usingWithSuspendable(surface) {
            self.surface.xAxes.add(xAxis)
            self.surface.yAxes.add(yAxis)
            self.surface.renderableSeries.add(line1)
            self.surface.renderableSeries.add(line2)
            self.surface.renderableSeries.add(line3)
            self.surface.renderableSeries.add(line4)
            self.surface.chartModifiers.add(SCILegendModifier())
            
            line1.addAnimation(SCISweepRenderableSeriesAnimation(duration: 3, curveAnimation: .easeOut))
            line2.addAnimation(SCISweepRenderableSeriesAnimation(duration: 3, curveAnimation: .easeOut))
            line3.addAnimation(SCISweepRenderableSeriesAnimation(duration: 3, curveAnimation: .easeOut))
            line4.addAnimation(SCISweepRenderableSeriesAnimation(duration: 3, curveAnimation: .easeOut))
        }
    }
}

< BACK TO ALL IOS CHART CHART EXAMPLES

iOS Legend Chart

// iOS Chart Examples

// iOS Legend Chart

// Source Code

// LegendChartView.m

// LegendChartView.swift

IOS CHART EXAMPLES

2D Charts

Basic Chart Types

Chart Annotations

Create a Multiseries Chart

Create Custom Charts

Create Realtime Charts

Create Stock Charts

Legends

Link Multiple Charts

Manipulate Series

Modify Axis Behavior

Styling and Theming

Tooltips and Hit Test

Zoom and Pan a Chart

Featured Apps

Medical Charts

Performance Demos

Scientific Charts