// iOS Chart Examples

Please note! These examples are new to SciChart iOS v3 release! SciChart’s OpenGLES and Metal iOS Chart library ships with ~90 Objective-C and Swift iOS Chart Examples which you can browse, play with and view the source-code. 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 Modify Camera3D Properties

This example presents how Camera 3D work in SciChart for iOS. It shows how different properties define the view port as seen by the camera.

Read more in our documentation article about SciChart iOS SciChart Surface Camera.

// Source Code

The Swift and Objective-C source code for the iOS Modify Camera3D Properties example is included below (Scroll down!).

Did you know that we have the source code for all our example available for free on Github?

Clone the SciChart.iOS.Examples from Github.

Also the SciChart iOS Trial contains the full source for the examples (link below).

DOWNLOAD THE IOS CHART EXAMPLES

iOS Modify Camera3D Properties - View Source Code for this example

The SciChart Examples source code is available on Github and viewable in-app for some platforms

// ModifyCameraProperties3DChartView.m

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

@implementation ModifyCameraProperties3DChartView {
    Camera3DControlPanelView *_panel;
}

- (void)commonInit {
    _panel = [Camera3DControlPanelView new];
    [_panel.pitchSlider addTarget:self action:@selector(updateCameraFromControlPanelValues) forControlEvents:UIControlEventValueChanged];
    [_panel.yawSlider addTarget:self action:@selector(updateCameraFromControlPanelValues) forControlEvents:UIControlEventValueChanged];
    [_panel.radiusSlider addTarget:self action:@selector(updateCameraFromControlPanelValues) forControlEvents:UIControlEventValueChanged];
    [_panel.fovSlider addTarget:self action:@selector(updateCameraFromControlPanelValues) forControlEvents:UIControlEventValueChanged];
    [_panel.orthoWidthSlider addTarget:self action:@selector(updateCameraFromControlPanelValues) forControlEvents:UIControlEventValueChanged];
    [_panel.orthoHeightSlider addTarget:self action:@selector(updateCameraFromControlPanelValues) forControlEvents:UIControlEventValueChanged];
    [_panel.projectionModeSegmentControl addTarget:self action:@selector(updateCameraFromControlPanelValues) forControlEvents:UIControlEventValueChanged];
    [_panel.coordinateSystemModeSegmentControl addTarget:self action:@selector(updateCameraFromControlPanelValues) forControlEvents:UIControlEventValueChanged];
    
    self.panel = _panel;
}

- (void)initExample {
    [SCIUpdateSuspender usingWithSuspendable:self.surface withBlock:^{
        self.surface.xAxis = [SCINumericAxis3D new];
        self.surface.yAxis = [SCINumericAxis3D new];
        self.surface.zAxis = [SCINumericAxis3D new];
        [self.surface.chartModifiers add:ExampleViewBase.createDefault3DModifiers];
        
        [self.surface.camera setCameraUpdateListener:self];
    }];
    
    [self updatePanelFromCamera];
}

- (void)updateCameraFromControlPanelValues {
    [SCIUpdateSuspender usingWithSuspendable:self.surface withBlock:^{
        self.surface.camera.orbitalPitch = _panel.pitchSlider.value;
        self.surface.camera.orbitalYaw = _panel.yawSlider.value;
        self.surface.camera.radius = _panel.radiusSlider.value;
        self.surface.camera.fieldOfView = _panel.fovSlider.value;
        self.surface.camera.orthoWidth = _panel.orthoWidthSlider.value;
        self.surface.camera.orthoHeight = _panel.orthoHeightSlider.value;
        self.surface.camera.projectionMode = _panel.projectionModeSegmentControl.selectedSegmentIndex == 0
            ? SCICameraProjectionMode_Perspective
            : SCICameraProjectionMode_Orthogonal;
        self.surface.viewport.isLeftHandedCoordinateSystem = _panel.coordinateSystemModeSegmentControl.selectedSegmentIndex == 0;
    }];
}

- (void)updatePanelFromCamera {
    id<ISCICameraController> camera = self.surface.camera;
    
    _panel.pitchSlider.value = camera.orbitalPitch;
    _panel.yawSlider.value = camera.orbitalYaw;
    _panel.radiusSlider.value = camera.radius;
    _panel.fovSlider.value = camera.fieldOfView;
    _panel.orthoHeightSlider.value = camera.orthoHeight;
    _panel.orthoWidthSlider.value = camera.orthoWidth;
    _panel.projectionModeSegmentControl.selectedSegmentIndex = camera.projectionMode == SCICameraProjectionMode_Perspective ? 0 : 1;
    _panel.coordinateSystemModeSegmentControl.selectedSegmentIndex = self.surface.viewport.isLeftHandedCoordinateSystem ? 0 : 1;
    _panel.postionLabel.text = [NSString stringWithFormat:@"X: %.1f, Y: %.1f, Z: %.1f", camera.position.x, camera.position.y, camera.position.z];
    
    [_panel updateUI];
}

- (void)onCameraUpdated:(id<ISCICameraController>)camera {
    [self updatePanelFromCamera];
}

@end

// ModifyCameraProperties3DChartView.swift

//******************************************************************************
// SCICHART® Copyright SciChart Ltd. 2011-2019. All rights reserved.
//
// Web: http://www.scichart.com
// Support: support@scichart.com
// Sales:   sales@scichart.com
//
// ModifyCameraProperties3DChartView.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 ModifyCameraProperties3DChartView: TopPanel3DChartLayout {

    let cameraControlPanel = Camera3DControlPanelView(frame: .zero)
        
    override func commonInit() {
        cameraControlPanel.pitchSlider?.addTarget(self, action: #selector(updateCameraFromControlPanelValues), for: .valueChanged)
        cameraControlPanel.yawSlider?.addTarget(self, action: #selector(updateCameraFromControlPanelValues), for: .valueChanged)
        cameraControlPanel.radiusSlider?.addTarget(self, action: #selector(updateCameraFromControlPanelValues), for: .valueChanged)
        cameraControlPanel.fovSlider?.addTarget(self, action: #selector(updateCameraFromControlPanelValues), for: .valueChanged)
        cameraControlPanel.orthoHeightSlider?.addTarget(self, action: #selector(updateCameraFromControlPanelValues), for: .valueChanged)
        cameraControlPanel.orthoWidthSlider?.addTarget(self, action: #selector(updateCameraFromControlPanelValues), for: .valueChanged)
        cameraControlPanel.projectionModeSegmentControl?.addTarget(self, action: #selector(updateCameraFromControlPanelValues), for: .valueChanged)
        cameraControlPanel.coordinateSystemModeSegmentControl?.addTarget(self, action: #selector(updateCameraFromControlPanelValues), for: .valueChanged)
        
        self.panel = cameraControlPanel;
    }
    
    override func initExample() {
        SCIUpdateSuspender.usingWith(surface) {
            self.surface.xAxis = SCINumericAxis3D()
            self.surface.yAxis = SCINumericAxis3D()
            self.surface.zAxis = SCINumericAxis3D()
            self.surface.chartModifiers.add(ExampleViewBase.createDefault3DModifiers())
            
            self.surface.camera.setCameraUpdateListener(self)
        }

        updatePanelFromCamera()
    }
    
    private func updatePanelFromCamera() {
        let camera = surface.camera
        
        cameraControlPanel.pitchSlider?.value = camera.orbitalPitch
        cameraControlPanel.yawSlider?.value = camera.orbitalYaw
        cameraControlPanel.radiusSlider?.value = camera.radius
        cameraControlPanel.fovSlider?.value = camera.fieldOfView
        cameraControlPanel.orthoHeightSlider?.value = camera.orthoHeight
        cameraControlPanel.orthoWidthSlider?.value = camera.orthoWidth
        cameraControlPanel.projectionModeSegmentControl?.selectedSegmentIndex = camera.projectionMode == .perspective ? 0 : 1
        cameraControlPanel.coordinateSystemModeSegmentControl?.selectedSegmentIndex = surface.viewport.isLeftHandedCoordinateSystem == true ? 0 : 1
        cameraControlPanel.postionLabel?.text = String(format: "X: %.1f, Y: %.1f, Z: %.1f", arguments: [camera.position.x, camera.position.y, camera.position.z])
        
        cameraControlPanel.updateUI()
    }
    
    @objc private func updateCameraFromControlPanelValues() {
        guard let pitchSlider = cameraControlPanel.pitchSlider,
            let yavSlider = cameraControlPanel.yawSlider,
            let radiusSlider = cameraControlPanel.radiusSlider,
            let fovSlider = cameraControlPanel.fovSlider,
            let projctionModeSegment = cameraControlPanel.projectionModeSegmentControl,
            let coordinateModeSegment = cameraControlPanel.coordinateSystemModeSegmentControl,
            let orthoWidthSlider = cameraControlPanel.orthoWidthSlider,
            let orthoHeightSlider = cameraControlPanel.orthoHeightSlider else {
                return
        }
        
        SCIUpdateSuspender.usingWith(surface) { [weak self] in
            self?.surface.camera.orbitalPitch = pitchSlider.value
            self?.surface.camera.orbitalYaw = yavSlider.value
            self?.surface.camera.radius = radiusSlider.value
            self?.surface.camera.fieldOfView = fovSlider.value
            self?.surface.camera.orthoWidth = orthoWidthSlider.value
            self?.surface.camera.orthoHeight = orthoHeightSlider.value
            self?.surface.camera.projectionMode = projctionModeSegment.selectedSegmentIndex == 0 ? .perspective : .orthogonal
            self?.surface.viewport.isLeftHandedCoordinateSystem = coordinateModeSegment.selectedSegmentIndex == 0
        }
    }
}

extension ModifyCameraProperties3DChartView: ISCICameraUpdateListener {
    func onCameraUpdated(_ camera: ISCICameraController) {
        self.updatePanelFromCamera()
    }
}

< BACK TO ALL IOS CHART CHART EXAMPLES

iOS Modify Camera3D Properties

// iOS Chart Examples

// iOS Modify Camera3D Properties

// Source Code

// ModifyCameraProperties3DChartView.m

// ModifyCameraProperties3DChartView.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

3D Charts

Axis3D

Basic Chart Types

Create Surface Mesh Chart

Manipulate series

Realtime 3D Charts

Style 3D Chart

Tooltips and Hit Test 3D Charts

Zoom and Pan 3D Chart

Featured Apps

Medical Charts

Performance Demos

Scientific Charts