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

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

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

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

Q&A

解決済

1回答

4577閲覧

swiftライブラリios-Chartでの線グラフの設定

keoisrer

総合スコア9

Swift

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

0グッド

1クリップ

投稿2017/09/24 16:46

###swiftライブラリios-Chartでの線グラフの設定
勉強も兼ねてiphoneアプリを作っています。
グラフを描くためにライブラリとしてios-Chartを使っているのですが、軸の設定で line Chart(折れ線グラフ)のy軸の設定がわかりません。
x軸は LineChartView.xAxis.~
( chartView.xAxis.labelCount = 11
chartView.xAxis.axisMaxValue=31
chartView.xAxis.axisMinimum=1 ) など

で設定できたのですが y軸についてはLineChartView.yAxis.~はできないと出てきます。

やりたいこととしては 今0から表示されているy軸の値を0スタートでなく、任意に決めたいです。

ネットで日本語で書かれているものと英文のwikiは可能な限り読みましたが、わかりませんでした。

よろしくお願いします。

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

エラーメッセージ

###該当のソースコード

###試したこと
課題に対してアプローチしたことを記載してください

###補足情報(言語/FW/ツール等のバージョンなど)
swift3
ios charts (3.0.3)

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

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

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

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

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

xAxis

2017/10/14 18:20

この質問は解決してますか?
keoisrer

2017/10/14 22:12

解決してません。無理やりとも考えたのですがうまくできそうにないのでやめました。
guest

回答1

0

ベストアンサー

忘れっぽい自分へのメモの意味合いも含めて(特に(2)のとこ)。

iOS-Chartsはver.2とver.3で書き方が結構違っています。
んで質問の回答なのですがIndexAxisValueFormatterを使う or leftAxisまたはrightAxisaxisMinimumaxisMaximumをセットするという二つのアプローチがあります(これがyAxisに当たるものだったはず)。

###環境
Xcode 9.0
swift 4.0
Charts 3.0.4

###サンプルコード

swift

1 2 @IBOutlet weak var lineChart: LineChartView! 3 4 override func viewDidLoad() { 5 super.viewDidLoad() 6 7 let data = createData() 8 setData(values: data) 9 chartAppearance() 10 } 11 12 override func didReceiveMemoryWarning() { 13 super.didReceiveMemoryWarning() 14 } 15 16 func createData() -> [ChartDataEntry] { 17 return (0...11).map{ChartDataEntry(x: Double($0), y: Double(arc4random_uniform(10)))} 18 } 19 20 func setData(values: [ChartDataEntry]) { 21 let set = LineChartDataSet(values: values, label: "legend") 22 lineChart.data = LineChartData(dataSet: set) 23 } 24 25 func chartAppearance() { 26 let xAxis = lineChart.xAxis 27 28// (1) 29// use leftAxis and rightAxis 30// 31// let leftAxis = lineChart.leftAxis 32// let rightAxis = lineChart.rightAxis 33 34 xAxis.drawAxisLineEnabled = false 35 xAxis.drawGridLinesEnabled = false 36 xAxis.forceLabelsEnabled = false 37 xAxis.drawLabelsEnabled = false 38 39// (2) 40// if you want customLabel, use IndexAxisValueFormatter and calculate height of yAxis. then adjust yData of entries. 41// 42// let values = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"] 43// let formatter = IndexAxisValueFormatter(values: values) 44// leftAxis.valueFormatter = formatter 45// leftAxis.setLabelCount(values.count, force: true) 46// leftAxis.granularity = 1.0 47// leftAxis.axisMinimum = 0.0 48// leftAxis.axisMaximum = Double(values.count - 1) 49 50// (3) 51// if you want simple unit, set only axisMinimum and axisMaximum 52// 53// leftAxis.axisMinimum = 5.0 54// leftAxis.axisMaximum = 14.0 55 56// (4) 57// if you want more customizable charts, chage true 58// 59// rightAxis.enabled = false 60 } 61

###簡単な説明

(1) xAxisは変わりありませんがY軸はleftAxisとrightAxisの二つを触っていくことになります。

(2) leftAxisのvalueFormatterにIndexAxisValueFormatterをセットする方法です。単位に文字列でなんでも入れられます。その代わりDataEntryだったりaxisMinimumやaxisMaximumをいい塩梅にしないといけません。若干面倒です。

(3) んでそんなのめんどくせーよって場合の(3)です。

今0から表示されているy軸の値を0スタートでなく、任意に決めたいです。

という条件ですし質問の書き方を見ると本命はこっちかもしれません。

(4) 今回はrightAxisは使いませんでした。混乱しやすいですし。

###(2)のサンプル画像
sample

###補足
(2)は泥沼にハマるかもしれません(自分はハマりました)。labelCountの上限値ありますし。

投稿2017/10/16 05:01

xAxis

総合スコア1349

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問