質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.25%

最新の値をグラフに追加していく方法

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 1,222

PYPP

score 51

前提・実現したいこと

X-codeにてswiftを用いて、心電図の状態をリアルタイムで表示するものを作成したく思っております。

発生している問題・エラーメッセージ

現状下記のようなグラフを表示させるとこまで辿り着くことができました(参照ライブラリ)。ただ、リアルタイムで最新の値をグラフに追加していくグラフをどのように実装すべきかがわかりません。
イメージ説明

該当のソースコード

import UIKit
import ScrollableGraphView

class EcgDailyViewController: UIViewController {

    @IBOutlet weak var ecgGraph: UIView!

    var graphView = ScrollableGraphView()
    var label = UILabel()
    let numberOfDataItems = 29
    lazy var data: [Double] = self.generateRandomData(self.numberOfDataItems, max: 50)
    lazy var labels: [String] = self.generateSequentialLabels(self.numberOfDataItems, text: "Time")


    override func viewDidLoad() {
        super.viewDidLoad()

        createDarkGraph()
        graphView.set(data: data, withLabels: labels)
        self.ecgGraph.clipsToBounds = true
        self.ecgGraph.addSubview(graphView)

    }

    override func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()

        let rect = CGRect(x:0, y:0, width:ecgGraph.frame.width, height:ecgGraph.frame.height) //Swift3.0
        graphView.frame = rect
    }

    fileprivate func createDarkGraph() {

        graphView.backgroundFillColor = UIColor.colorFromHex(hexString: "#333333")

        graphView.lineWidth = 1
        graphView.lineColor = UIColor.colorFromHex(hexString: "#777777")
        graphView.lineStyle = ScrollableGraphViewLineStyle.smooth

        graphView.shouldFill = true
        graphView.fillType = ScrollableGraphViewFillType.gradient
        graphView.fillColor = UIColor.colorFromHex(hexString: "#555555")
        graphView.fillGradientType = ScrollableGraphViewGradientType.linear
        graphView.fillGradientStartColor = UIColor.colorFromHex(hexString: "#555555")
        graphView.fillGradientEndColor = UIColor.colorFromHex(hexString: "#444444")

        graphView.dataPointSpacing = 80
        graphView.dataPointSize = 2
        graphView.dataPointFillColor = UIColor.white

        graphView.referenceLineLabelFont = UIFont.boldSystemFont(ofSize: 8)
        graphView.referenceLineColor = UIColor.white.withAlphaComponent(0.2)
        graphView.referenceLineLabelColor = UIColor.white
        graphView.numberOfIntermediateReferenceLines = 5
        graphView.dataPointLabelColor = UIColor.white.withAlphaComponent(0.5)

        graphView.shouldAnimateOnStartup = true
        graphView.shouldAdaptRange = true
        graphView.adaptAnimationType = ScrollableGraphViewAnimationType.elastic
        graphView.animationDuration = 1.5
        graphView.rangeMax = 50
        graphView.shouldRangeAlwaysStartAtZero = true

        return
    }

    private func generateRandomData(_ numberOfItems: Int, max: Double) -> [Double] {
        var data = [Double]()
        for _ in 0 ..< numberOfItems {
            var randomNumber = Double(arc4random()).truncatingRemainder(dividingBy: max)

            if(arc4random() % 100 < 10) {
                randomNumber *= 3
            }

            data.append(randomNumber)
        }
        return data
    }

    private func generateSequentialLabels(_ numberOfItems: Int, text: String) -> [String] {
        var labels = [String]()
        for i in 0 ..< numberOfItems {
            labels.append("\(text) \(i+1)")
        }
        return labels
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }


}
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

checkベストアンサー

0

データを追加してセットし直してやればグラフにも追加できますが、スクロール位置が先頭に戻ったり、アニメーションしたりします。

//データ追加
data.append(Double(arc4random_uniform(50)))
labels.append("Time \(labels.count+1)")

//アニメーションを一旦off
graphView.shouldAnimateOnStartup = false //※追記

//こうしておくとグラフ描画時に右端が表示される
graphView.direction = .RightToLeft //※追記

//データ再セット
graphView.setData(data, withLabels: labels)

//アニメーションをonに戻す
graphView.shouldAnimateOnStartup = true //※追記

余計なことをせずにグラフをリフレッシュするような関数があるのではないかと思うので探してみて下さい。

【追記】
ということで、少し探してみたのですが見つからなかったので、それっぽくなるように追記しておきました。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/11/05 01:37

    ご返信いただきありがとうございます。新しいメソッドrecreateDarkGraph()を作成し、viewDidLoad() メソッドにrecreateDarkGraph()を記載するイメージでしょうか?

    キャンセル

  • 2016/11/05 16:10

    後からデータを追加したいのではないのでしょうか?viewDidLoad()だと、起動時に追加することになりますが。データを追加したいタイミングでrecreateDarkGraph()を呼び出して下さい。

    キャンセル

  • 2016/11/05 17:52

    その通りです。それにて実行してみます。

    キャンセル

0

動的の意味が分からないので、推測で書きますが、何らかの方法で心電図の最新の値をグラフに追加していきたいということであれば、CoreGraphicsを使って2つの点(x0,x0),(x1,y1)の間を直線で描画するのを繰り返すのが一番簡単だと思います。
一定間隔で、新たなデータセットで毎回再描画すればよいです。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/11/03 22:01

    ご回答いただきありがとうございます。推測された通り、最新の値をグラフに追加していきたいと考えています。現在使っているライブラリを用いずにCoreGraphicsでということでしょうか?

    キャンセル

  • 2016/11/04 10:37

    そうですね。
    まずはfuzzballさんの回答の方を試すのがよいと思います。
    参照ライブラリは内部的にCoreGraphicsを使っているようですので、
    更新頻度とデータ量が多くて、要求に合わなければ、そのライブラリを修正していくのがよいかもです。

    キャンセル

  • 2016/11/04 21:33

    ありがとうございます。承知しました。現在使用しているライブラリを修正しつつ、難しそうであれば他の方法を取る形にしてみようかと思います。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.25%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる