// iOS & macOS charts Examples

Please note! These examples are new to SciChart iOS v4 release! SciChart’s OpenGL ES and Metal iOS and Metal macOS Chart library ships with hundred of Objective-C and Swift iOS&macOS 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 and demo application for Mac, which ships as part of the SciChart SDK.

DOWNLOAD THE IOS CHART EXAMPLES

// iOS & macOS 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 and macOS 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 and Scichart macOS Trials contain the full source for the examples (link below).

DOWNLOAD THE IOS CHART EXAMPLES

iOS & macOS 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 "SCDCamera3DControlPanelView.h"

@implementation ModifyCameraProperties3DChartView {
    SCDCamera3DControlPanelView *_panel;
}

- (Class)associatedType { return SCIChartSurface3D.class; }

- (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:[SCDExampleBaseViewController createDefaultModifiers3D]];
        
        [self.surface.camera setCameraUpdateListener:self];
    }];
    
    [self updatePanelFromCamera];
}

- (SCIView *)providePanel {
    SCDCamera3DControlPanelView *panel = [SCDCamera3DControlPanelView new];
    
    [panel.pitchSlider addTarget:self valueChangeAction:@selector(updateCameraFromControlPanelValues)];
    [panel.yawSlider addTarget:self valueChangeAction:@selector(updateCameraFromControlPanelValues)];
    [panel.radiusSlider addTarget:self valueChangeAction:@selector(updateCameraFromControlPanelValues)];
    [panel.fovSlider addTarget:self valueChangeAction:@selector(updateCameraFromControlPanelValues)];
    [panel.orthoWidthSlider addTarget:self valueChangeAction:@selector(updateCameraFromControlPanelValues)];
    [panel.orthoHeightSlider addTarget:self valueChangeAction:@selector(updateCameraFromControlPanelValues)];
    [panel.projectionModeSegmentControl addTarget:self valueChangeAction:@selector(updateCameraFromControlPanelValues)];
    [panel.coordinateSystemModeSegmentControl addTarget:self valueChangeAction:@selector(updateCameraFromControlPanelValues)];
    
    _panel = panel;
    return panel;
}

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

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

- (void)updatePanelFromCamera {
    id<ISCICameraController> camera = self.surface.camera;

    _panel.pitchSlider.doubleValue = camera.orbitalPitch;
    _panel.yawSlider.doubleValue = camera.orbitalYaw;
    _panel.radiusSlider.doubleValue = camera.radius;
    _panel.fovSlider.doubleValue = camera.fieldOfView;
    _panel.orthoHeightSlider.doubleValue = camera.orthoHeight;
    _panel.orthoWidthSlider.doubleValue = camera.orthoWidth;
    _panel.projectionModeSegmentControl.selectedSegment = camera.projectionMode == SCICameraProjectionMode_Perspective ? 0 : 1;
    _panel.coordinateSystemModeSegmentControl.selectedSegment = 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];
}

@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: SCDSingleChartWithTopPanelViewController<SCIChartSurface3D>, ISCICameraUpdateListener {
    
    override var associatedType: AnyClass { return SCIChartSurface3D.self }

    let panel = SCDCamera3DControlPanelView()
    
    override func initExample() {
        SCIUpdateSuspender.usingWith(surface) {
            self.surface.xAxis = SCINumericAxis3D()
            self.surface.yAxis = SCINumericAxis3D()
            self.surface.zAxis = SCINumericAxis3D()
            self.surface.chartModifiers.add(SCDExampleBaseViewController.createDefaultModifiers3D())
            
            self.surface.camera.setCameraUpdateListener(self)
        }

        updatePanelFromCamera()
    }
    
    override func providePanel() -> SCIView {
        panel.pitchSlider.addTarget(self, valueChangeAction: #selector(updateCameraFromControlPanelValues))
        panel.yawSlider.addTarget(self, valueChangeAction: #selector(updateCameraFromControlPanelValues))
        panel.radiusSlider.addTarget(self, valueChangeAction: #selector(updateCameraFromControlPanelValues))
        panel.fovSlider.addTarget(self, valueChangeAction: #selector(updateCameraFromControlPanelValues))
        panel.orthoHeightSlider.addTarget(self, valueChangeAction: #selector(updateCameraFromControlPanelValues))
        panel.orthoWidthSlider.addTarget(self, valueChangeAction: #selector(updateCameraFromControlPanelValues))
        panel.projectionModeSegmentControl.addTarget(self, valueChangeAction: #selector(updateCameraFromControlPanelValues))
        panel.coordinateSystemModeSegmentControl.addTarget(self, valueChangeAction: #selector(updateCameraFromControlPanelValues))
        
        return panel
    }
    
    @objc fileprivate func updateCameraFromControlPanelValues() {
        SCIUpdateSuspender.usingWith(surface) { [weak self] in
            guard let surface = self?.surface, let panel = self?.panel else { return }
            
            surface.camera.orbitalPitch = Float(panel.pitchSlider.doubleValue)
            surface.camera.orbitalYaw = Float(panel.yawSlider.doubleValue)
            surface.camera.radius = Float(panel.radiusSlider.doubleValue)
            surface.camera.fieldOfView = Float(panel.fovSlider.doubleValue)
            surface.camera.orthoWidth = Float(panel.orthoWidthSlider.doubleValue)
            surface.camera.orthoHeight = Float(panel.orthoHeightSlider.doubleValue)
            surface.camera.projectionMode = panel.projectionModeSegmentControl.selectedSegment == 0
                ? .perspective
                : .orthogonal
            surface.viewport.isLeftHandedCoordinateSystem = panel.coordinateSystemModeSegmentControl.selectedSegment == 0
        }
        
        updatePanelFromCamera()
    }
    
    func onCameraUpdated(_ camera: ISCICameraController) {
        updatePanelFromCamera()
    }
    
    fileprivate func updatePanelFromCamera() {
        let camera = surface.camera
        
        panel.pitchSlider.doubleValue = Double(camera.orbitalPitch)
        panel.yawSlider.doubleValue = Double(camera.orbitalYaw)
        panel.radiusSlider.doubleValue = Double(camera.radius)
        panel.fovSlider.doubleValue = Double(camera.fieldOfView)
        panel.orthoHeightSlider.doubleValue = Double(camera.orthoHeight)
        panel.orthoWidthSlider.doubleValue = Double(camera.orthoWidth)
        panel.projectionModeSegmentControl.selectedSegment = camera.projectionMode == .perspective ? 0 : 1
        panel.coordinateSystemModeSegmentControl.selectedSegment = surface.viewport.isLeftHandedCoordinateSystem == true ? 0 : 1
        panel.postionLabel.text = String(format: "X: %.1f, Y: %.1f, Z: %.1f", arguments: [camera.position.x, camera.position.y, camera.position.z])
        
        panel.updateUI()
    }
}

< BACK TO ALL IOS & MACOS CHARTS CHART EXAMPLES

iOS & macOS Modify Camera3D Properties

// iOS & macOS charts Examples

// iOS & macOS Modify Camera3D Properties

// Source Code

// ModifyCameraProperties3DChartView.m

// ModifyCameraProperties3DChartView.swift

IOS & MACOS CHARTS 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