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

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

新規登録して質問してみよう
ただいま回答率
85.50%
Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Q&A

解決済

1回答

1766閲覧

storyboardと「LineChart」ライブラリを同時に使うには?

testyoutatsu

総合スコア29

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

0グッド

0クリップ

投稿2019/01/17 00:35

編集2019/01/17 01:40

前提・実現したいこと

プログラミング初心者です。

各月の売り上げデータを記録したcsvファイルを読み込み配列を作ります。それを元に以下のURLのライブラリを使ってチャートを表示させたいと思っています。

https://github.com/zemirco/swift-linechart

GitHubから引用
GitHubから引用

storyboardを使ってViewControllerにラベルなどの配置しようと思っていたのですが、サンプルプロジェクトではMain.storyboardファイルがありません。

試したこと

新規でMain.storyboardファイルを追加し、Is Initial View Controllerにチェックを入れビルドしましたがエラーになりました。

Illegal Configuration ーSafe Area Layout Guide before iOS 9.0

こちらはとりあえずUse Safe Area Layout Guideのチェックを外すことで解決しました。

次にViewControllerにLabelを配置しビルドしました。Main.storyboardファイルを追加する前と同じ画面で立ち上がり、Labelは表示されませんでした。

どのようにすればstoryboardとLineChartライブラリを同時に使うことができるでしょうか?

  

アプリのイメージ

参考になるか分かりませんが、アプリをどのようなものにしたいかを書きます。

レイアウトは、画面を上下に分割し、上にはグラフ、下の上側には期間と項目を選択するプルダウン、下側にはテーブルビューなどを使い売り上げデータのリストを表示させたいと思っています。

今はグラフに表示させる項目は2つだけと考えていますが、将来的には3つ表示させリストは横にスワイプすることで各項目の売り上げデータを見れるようにしたいと思っています。

かなり大雑把ですが、アプリのレイアウトを簡単に画像にしてみました。
(ステータスバーやプルダウンはSSを切り取り貼っただけです)

イメージ説明

期間のプルダウンは西暦と月を選べるようにします。最長でも1.5年か2年にします。
グラフの上には、GitHubから引用したgifのようにタップした座標の数値(年月・項目の金額)を表示させます。

初歩的な質問ですが、チャートデザイン的にLineChartライブラリを使いたいと思っています。

よろしくお願いします。

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

takabosoft

2019/01/17 01:05 編集

Storyboardを使ったアプリでLineChartを表示する方法が分からないという意味ですか?「使い方がわからない」というざっくりとした内容ではどこで躓いているのか、読み手にはわかりません。
testyoutatsu

2019/01/17 01:28

そうですね。回答してもらう側なのに失礼しました。 「Storyboardを使ったアプリでLineChartを表示する方法が分からない」という意味であっています。ラベルやプルダウンをstoryboardを使って配置したいと思っています。
guest

回答1

0

ベストアンサー

察するにもしかしてLineChartのサンプルプロジェクトをそのまま使ってアプリの開発を始めようとしているのかなと思いますが、普通は自分で新規作成したプロジェクトに対して各ライブラリを組み込みます。

ライブラリの組み込み方は、最近はCocoaPodsなどが有名ですがswift-linechartは未対応のようですので、LineChart.swiftを自分のプロジェクトにドラッグ&ドロップすればオッケーです。

LineChart.swiftはSwift3で書かれているようで、最新のXcodeでは警告やコンパイルエラーが出ます。
そこは必要に応じて頑張って修正します。
(が、サンプルを動作させられている時点でここは問題になっていないのかなと思います。)

次にMain.storyboardにViewを貼り、CustomClassとしてLineChartを指定します。

次に、メンバー変数にlineChartといった名前でアウトレットを作成します。
(Ctrlを押しながらソースへドロップ)

あとはlineChartのパラメータを適当にいじって

swift

1 override func viewDidLoad() { 2 super.viewDidLoad() 3 4 lineChart.area = false 5 lineChart.x.grid.visible = false 6 lineChart.x.labels.visible = false 7 lineChart.y.grid.visible = false 8 lineChart.y.labels.visible = false 9 //lineChart.dots.visible = false 10 lineChart.addLine([3, 4, 9, 11, 13, 15]) 11 lineChart.addLine([5, 4, 3, 6, 6, 7]) 12 }

などを書いて実行すればチャートが出ます。

イメージ説明

何ができるか、などはgithubのプロジェクトのトップページにいろいろ書いてありますのでご自身でいろいろ試してみると良いでしょう。

投稿2019/01/17 02:03

takabosoft

総合スコア8356

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

testyoutatsu

2019/01/17 03:10

詳しくありがとうございます。もちろんアプリ開発はサンプルプロジェクトとは別のプロジェクトで進めています。CocoaPodsを使ったライブラリの導入しかやったことがなかったので、このやり方を初めて知りました。プロジェクトにLineChart.swiftを追加するだけでいいのですね。無事、ViewControllerに表示せることができました。 また参考になるか分かりませんが、Xcode 10.1でLineChart.swiftを追加した後ビルドするとFatal errorになりますが、プロジェクトを一度閉じることで問題なくビルドできました。 とても勉強になりました。回答ありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問