Home / Swift / Chart

Examples, Showcase & Tutorials for SciChart.iOS High Performance Charting Library

SciChart.iOS Examples Examples and Tutorials for SciChart.iOS: High Performance Realtime iOS Chart Library Repository Contents: In Examples directory you'll find a simple example app which showcases all the built-in
Information
Category: Swift / Chart
Watchers: 18
Star: 159
Fork: 20
Last update: May 13, 2022
Resource links
https://github.com/ABTSoftware/SciChart.iOS.Examples

SciChart.iOS Examples

Examples and Tutorials for SciChart.iOS: High Performance Realtime iOS Chart Library

SciChart iOS Charts Video

Repository Contents:

In Examples directory you'll find a simple example app which showcases all the built-in features of SciChart framework, and also demonstrates some customizations.

SciChart iOS Comes with a number of tutorials to help you get started quickly using our powerful & flexible chart library! In Tutorials/tutorials-2d directory you'll find the final projects for all the SciChart 2D Tutorials, same for the 3D Tutorials - which are located in Tutorials/tutorials-3d.

iOS Realtime Ticking Stock Chart Example

iOS Stacked Columns Chart Example

iOS Waterfall 3D Chart Example

iOS Uniform Surface Mesh 3D Chart Example

iOS Chart Examples are provided in Objective-C & Swift. If you are looking for other platforms then please see here:

How to use this repository

Examples and Tutorials projects are linked with SciChart via Cocoapods. So in order to test and run examples suite you need to have cocoapods installed. This can be done by typing a simple command in terminal:

[sudo] gem install cocoapods

Build Examples

Our examples project named SciChartDemo. So If you have installed cocoapods you can simply link SciChartDemo project with SciChart.framework via cocoapods using the following terminal commands:

cd YourRepositoryRoot/Examples
pod install --repo-update

In case of successful installation of CocoaPods, you'll see the generated SciChart.iOS.Examples.xcworkspace, which links an SciChartDemo.xcproject with SciChart.framework: SciChart examples Folder Structure

Open a workspace and build "SciChartDemo" scheme, you can now run and test all the examples you provide.

Build Tutorials

SciChart iOS Comes with a number of tutorials to help you get started quickly using our powerful & flexible chart library! Please see below:

The process of building tutorials is quite similar. Just note, that there are two sub-folders in "Tutorials" directory. And separate podfile in each sub-folder ("tutorials-2d and tutorials-3d"). All you need to do is run "pod install" command from the directory where corresponding Podfile is located:

cd YourRepositoryRoot/Tutorials/tutorials-2d
pod install --repo-update

In case of tutorials, workspace contains a separate scheme for each tutorial. Just select the scheme you want to try - build and run:

Build SciChart Tutorials

2 Open More issues
Closed

isEditable of "SCIHorizontalLineAnnotation" is not working in SciChart v3.x

I have used the SciChart v3.x library into the project and I have added the SCIHorizontalLineAnnotation to the surface but isEditable is not working in v3.x. I have checked this functionality into the v2.x and working fine but had issue in v3.x. see the lines that I have done. isEditable is not working even though in your demo as well.

// SciChart v3.x
        let horizontalLine = SCIHorizontalLineAnnotation()
        horizontalLine.set(x1: 0.0)
        horizontalLine.set(y1: 0.2)
        horizontalLine.isEditable = true
        horizontalLine.horizontalAlignment = .right
        horizontalLine.stroke = SCISolidPenStyle(color: UIColor.orange, thickness: 2)

       let lineAnnotationLabel = SCIAnnotationLabel()
        lineAnnotationLabel.text = "Trigger"
        lineAnnotationLabel.labelPlacement = .topLeft
        horizontalLine.annotationLabels.add(lineAnnotationLabel)

       SCIUpdateSuspender.usingWith(surface) {
            self.surface.xAxes.add(self.xAxis)
            self.surface.yAxes.add(self.yAxis)
            self.surface.renderableSeries.add(self.rSeries)
            self.surface.chartModifiers.add(modifierGroup)
            self.surface.annotations.add(horizontalLine)
        }
opened May 28, 2020 by bernardIos 9
Closed

Errors in Podfile

The following Podfile has errors:

https://github.com/ABTSoftware/SciChart.iOS.Examples/tree/master/v2.x/Examples/Podfile

  1. Contains incorrect quote characters "[!] Smart quotes were detected and ignored in your Podfile. To avoid issues in the future, you should not use TextEdit for editing it. If you are not using TextEdit, you should turn off smart quotes in your editor of choice."

  2. Podfile specifies a version of the SciChart pod that doesn't exist

Version 2.0.0.1301 doesn't seem to exist. Maybe change the Podfile to not specify a version number?

opened Apr 19, 2017 by djfitz 8
Closed

SciChart.iOS.Examples-SciChart_v4_Release -> SciChartDemo.Mac -> cannot compile the sample after downloading

Repro steps:

  1. Download repo SciChart.iOS.Examples-SciChart_v4_Release
  2. Open SciChartDemo.Mac in Xcode
  3. Wait for it to resolve packages
  4. oops, now you see an error

The error

Screenshot 2021-07-11 at 22 35 56
opened Jul 11, 2021 by kutakmir 4
Closed

Cannot build the examples after checkout

hi 👋 I cannot build the project after checkout the SciChart_v4_Release branch

$ pod --version
1.9.3
Capture d’écran 2020-09-17 à 14 00 23

Trying to build on device or even on the mac does the same thing.

opened Sep 17, 2020 by iGranDav 3
Closed

[!] Error installing SciChart

Tried to install SciChart by pod,but failed

opened Feb 9, 2018 by AAChartModel 3
Closed

Manual installation no framework

https://www.scichart.com/documentation/ios/current/integrating-scichart-libraries.html#integrating-scichart-via-swift-package-manager

It says to grab the framework, problem is that is is kind of missing. Once we download the zip file we do get s folder called SciChart.framework. But this is not useable as is, this needs to build and It seems that the demo project is not able to build it.

opened Feb 21, 2020 by nissaba 2
Open

Adding image to annotation labels!

Hi SciChart team,

I would like to add and image to annotation without any text. Here is my code to create annotation:

` triggerHorizontalLine.set(y1: 0.0)

    triggerHorizontalLine.set(x1: 0.0)

    triggerHorizontalLine.isEditable = true

    triggerHorizontalLine.xAxisId = axisId

    triggerHorizontalLine.horizontalAlignment = .fillHorizontal

    triggerHorizontalLine.stroke =  SCISolidPenStyle(colorCode: SciChartColours.horizontalLineStyle, thickness: 2.5, strokeDashArray: [2.0, 4.0, 2.0, 4.0], antiAliasing: false)

    let lineAnnotationLabel = SCIAnnotationLabel()

    lineAnnotationLabel.labelPlacement = .topLeft

    triggerHorizontalLine.annotationSurface = .aboveChart

    triggerHorizontalLine.annotationLabels.add(lineAnnotationLabel)`

And also I added an extension:

`import SciChart

extension SCIAnnotationLabel {

func addImage(imageName: String) {
    let iconsSize = CGRect(x: 0, y: 0, width: 130, height: 130)
    let imageAttachement:NSTextAttachment = NSTextAttachment()
    imageAttachement.image = UIImage(named: imageName)
    imageAttachement.bounds = iconsSize
    self.attributedText = NSAttributedString(attachment: imageAttachement)
}

}`

And then later I add an image

self.triggerLineList[self.selectedTabIndex].annotationLabels.firstObject.addImage(imageName: ImageNames.btnDutyImage)

App is crashing in the library and here is the debug output:

2020-08-12 10:33:12.258598+1000 PokitMeter - Dev[339:20686] [Unknown process name] CGContextSetTextMatrix: invalid context 0x0. If you want to see the backtrace, please set CG_CONTEXT_SHOW_BACKTRACE environmental variable.
2020-08-12 10:33:12.258833+1000 PokitMeter - Dev[339:20686] [Unknown process name] CGContextTranslateCTM: invalid context 0x0. If you want to see the backtrace, please set CG_CONTEXT_SHOW_BACKTRACE environmental variable.
2020-08-12 10:33:12.258948+1000 PokitMeter - Dev[339:20686] [Unknown process name] CGContextRotateCTM: invalid context 0x0. If you want to see the backtrace, please set CG_CONTEXT_SHOW_BACKTRACE environmental variable.
2020-08-12 10:33:12.259041+1000 PokitMeter - Dev[339:20686] [Unknown process name] CGContextTranslateCTM: invalid context 0x0. If you want to see the backtrace, please set CG_CONTEXT_SHOW_BACKTRACE environmental variable.
2020-08-12 10:33:12.259352+1000 PokitMeter - Dev[339:20686] validateTextureDimensions, line 1226: error 'MTLTextureDescriptor has width of zero.'
validateTextureDimensions:1226: failed assertion `MTLTextureDescriptor has width of zero.'

If I add text to the attributed string crash issue is getting fixed but it does not show my image:


extension SCIAnnotationLabel {
    
    func addImage(imageName: String) {
        let iconsSize = CGRect(x: 0, y: 0, width: 130, height: 130)
        let imageAttachement:NSTextAttachment = NSTextAttachment()

        imageAttachement.image = UIImage(named: imageName)
        imageAttachement.bounds = iconsSize
        
        let myString:NSMutableAttributedString = NSMutableAttributedString(string: "RISING TRIGGER")
        myString.append(NSAttributedString(attachment: imageAttachement))
        
        
        self.attributedText = myString
    }
}

It would be great if you could show me how to add image to annotation labels.

Thanks

opened Aug 11, 2020 by bernard-ingenuity 1
Open

support render in background thread?

for example

operaQueue.addoperationBlock {
    let img = image(with:chart)
}
opened Sep 12, 2017 by DingSoung 0

Contents

    HandlebarLabs An index of React Native examples and tutorials by Handlebar Labs.
    iammert Material Intro View is a showcase android library.
    ddanny Charting library for Android applications. Automatically exported from code.google.com/p/achartengine
    spro PyTorch tutorials demonstrating modern techniques with readable code
    Boris-Em Elegant Line Graphs for iOS. (Charting library)
    leovandriel C++ transcripts of the Caffe2 Python tutorials and other C++ example code
    GSI-CS-CO A scientific charting library focused on performance optimised real-time data visualisation at 25 Hz update rates for data sets with a few 10 thousand up to 5 million data points.
    lukakerr A showcase of the many different styles of windows possible with NSWindow on macOS
    cnosdatabase A high performance, high compression ratio, high usability open-source time-series database.
    panghaijiao A high performance danmaku engine for iOS
    novus A reusable charting library written in d3.js
    beizhedenglong 📈 A responsive, composable react charting library with a hand-drawn style.
    abhimishra91 PyTorch Transformers Tutorials - tutorials to fine tune transformers for diff NLP tasks
    nlintz Simple tutorials using Google's TensorFlow Framework
    renuo A showcase of turbo features
    thelumiereguy A Jetpack Compose-based app to exhibit all the beautiful GLSL Fragment shaders I have ever written, where you can set them as Live Wallpaper.
    vlisivka Useful modules for bash
    reactjs common react charting components using chart.js
    prologic 🔑A high performance Key/Value store written in Go with a predictable read/write performance and high throughput. Uses a Bitcask on-disk layout (LSM+WAL) similar to Riak.
    chinakook A curated list of MXNet examples, tutorials and blogs.
    saresend gust - A small charting library for generating d3 and html charts using Rust
    Share this repo

    Related Repos


    Chart
    13
    Easy to use and highly customizable charts library for iOS
    francescoleoni98 FLCharts FLCharts is an easy-to-use library to build highly customizable bar charts. It allows you to create your own chart bar UIView and use it to d
     
    Chart
    40
    Clocks made out of clocks made out of code
    HarshilShah Clocks I came across this digital clock composed out of a set of analog clocks, created by Humans Since 1982, in a tweet, so I decided to remake it in
     
    Chart
    31
    A Swift playground that comes pre-loaded with Plot, that can be used to explore the new co...
    JohnSundell A Swift playground that comes pre-loaded with Plot, so that you can quickly try out the library and its new, SwiftUI-like API for building HTML pages.
     
    Chart
    14
    Swift package for displaying interactive stock charts easily 🎉
    denniscm190 SwiftUI stock charts 🎉
     
    Chart
    21
    Graphing library for SwiftUI
    Chronaemia Graphing library for SwiftUI (WIP)
     
    Chart
    156
    Lightweight and easy to use SwiftUI chart library for all Apple platforms
    romanbaitaliuk SwiftUI Bar Chart
     
    Chart
    560
    SwiftUI Charts Build custom charts with SwiftUI
    spacenation SwiftUI Charts with custom styles
     
    Chart
    472
    Sunburst diagram is a library written with SwiftUI to easily render diagrams given a tree ...
    lludo SwiftUI library to easily render diagrams given a tree of objects. Similar to ring chart, sunburst chart, multilevel pie chart.
     
    Chart
    1.3k
    A simple line and bar charting library that supports accessibility written using SwiftUI.
    mecid A simple line and bar charting library that supports accessibility written using SwiftUI.
     
    Chart
    952
    k线图/kline/kchart，已经集成MA/EMA/MACD/KDJ/BOLL/RSI/WR/AVG等指标
    saeipi 适用于股票/区块链交易所等种类App。Swift5编写，CPU/内存占用率极低，60FPS稳定运行。示例集成websocket，并接入币安数据（需VPN）。
     
    Chart
    10
    Spider Web Chart with gradient
    sanchgoel This project allows you to create a spider web chart with gradient. Screenshots are attached below.
     
    Chart
    13
    SwiftUICharts - Simple, animated, charts using SwiftUI
    peterent This project shows one way to use SwiftUI to make some simple charts. There is a ColumnChart, a BarChart, a LineChart, and a PieChart that animate when their data changes. The data for these charts is an array of Double values that represent percentages. To make things a little easier there is a ChartModel that can take any array of Double and transform it into percentage values.
     
    Chart
    129
    highly customizable and easy to use chart library for iOS
    CoderWQYao WQCharts WQCharts highly customizable and easy to use chart library for iOS Installation There are four ways to use WQCharts in your project: Installation with CocoaPods pod 'WQCharts'
     
    Chart
    4.3k
    ChartView made in SwiftUI
    AppPear ChartView made in SwiftUI
     
    Chart
    17
    A simple and beautiful bar chart view for iOS powered by UIStackView. Written in Swift.
    haojianzong A simple yet beautiful bar chart view for iOS powered by UIStackView. Written in Swift.