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

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

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

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

Swift

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

Swift 2

Swift 2は、Apple社が独自に開発を行っている言語「Swift」のアップグレード版です。iOSやOS X、さらにLinuxにも対応可能です。また、throws-catchベースのエラーハンドリングが追加されています。

Q&A

1回答

4877閲覧

チャート表示ライブラリ [ios-charts]の軸ラベルの表示

lyzmfeqpxs54

総合スコア237

Xcode

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

Swift

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

Swift 2

Swift 2は、Apple社が独自に開発を行っている言語「Swift」のアップグレード版です。iOSやOS X、さらにLinuxにも対応可能です。また、throws-catchベースのエラーハンドリングが追加されています。

0グッド

1クリップ

投稿2017/04/30 13:41

チャート表示ライブラリ[ios-charts]の軸ラベルの表示に関する質問です。以前はver2.3.0で動かしていたのですが、Swift3.0への変更に合わせてChartsもver3.0.0としました。

その際に以前まできちんと表示されていたラベルとグラフがうまく表示できなくなってしまいました。詳しく見たところ下記コードで言う「//y軸のラベルを作る」「//x軸とy軸をセット」の2点の部分の引数が変わっていることが原因だと思われるのですが、以前のようにyVals、xValsといった形で引数を渡すことができません。

ググってみたのですがios-charts3.0でraderChartを書いている記事が見当たらず(調査不足でしたら申し訳ございません)こちらで質問させていただいた次第です。

うまく表示させる方法をご教示いただけませんでしょうか。
よろしくお願いいたします。

Swift

1import UIKit 2import Charts 3 4// スクリーン画面のサイズを取得 5let scWid: CGFloat = UIScreen.main.bounds.width //画面の幅 6let scHei: CGFloat = UIScreen.main.bounds.height //画面の高さ 7let scInch:CGFloat = sqrt((scWid*scWid)+(scHei*scHei))/400 8 9class ViewController: UIViewController { 10 11 12 var radarChartView: RadarChartView! 13 14 var subject: [String] = ["国語","数学","理科","社会","英語","家庭科","英語(リスニング)","体育","公民","倫理"] 15 let unitsSold:[Double] = [34, 42, 15, 67, 65, 88, 88, 75, 65, 96] 16 17 override func viewDidLoad() { 18 super.viewDidLoad() 19 20 let baseVeiw = UIView(frame: CGRect(x: scWid*0.05 ,y: scHei*0.23 ,width: scWid*0.9 ,height: scHei*0.47)) 21 baseVeiw.layer.masksToBounds = true 22 23 //radarChartViewを作成 24 radarChartView = RadarChartView() 25 radarChartView.frame = CGRect(x: -scWid*0.06 ,y: 0 ,width: scWid*1.0 ,height: scWid*1.0) 26 if scWid == 320.0 && scHei == 480.0 { 27 radarChartView.frame = CGRect(x: -scWid*0.06 ,y: -scHei*0.03 ,width: scWid*0.98 ,height: scWid*0.98) 28 } 29 baseVeiw.addSubview(radarChartView) 30 self.view.addSubview(baseVeiw) 31 32 radarChartView.chartDescription?.text = "" 33 34 setChart(subject, values: unitsSold) 35 36 } 37 38 // アニメーション処理 39 override func viewWillAppear(_ animated: Bool) 40 { 41 self.radarChartView.animate(xAxisDuration: 0.0, yAxisDuration: 1.0) 42 } 43 44 override func didReceiveMemoryWarning() { 45 super.didReceiveMemoryWarning() 46 // Dispose of any resources that can be recreated. 47 } 48 49 50 func setChart(_ dataPoints: [String], values: [Double]) { 51 radarChartView.noDataText = "You need to provide data for the chart." 52 53 //点数を入れる配列 54 var dataEntries: [ChartDataEntry] = [] 55 56 //点数を格納 57 for i in 0..<dataPoints.count { 58 let dataEntry = ChartDataEntry(x: values[i], y: Double(i)) 59 dataEntries.append(dataEntry) 60 } 61 62 63 //y軸のラベルを作る 64 let chartDataSet = RadarChartDataSet(values: dataEntries, label: "") 65 // 下記が2.3の時に書いていた書き方です 66 // let chartDataSet = RadarChartDataSet(yVals: dataEntries, label: "") 67 68 69 70 //チャートを塗りつぶす 71 chartDataSet.drawFilledEnabled = true 72 73 //チャートの外の線の色 74 chartDataSet.setColor(UIColor.red) 75 76 //塗りつぶしの色 77 chartDataSet.fillColor = UIColor.red 78 79 //ラベルの値を非表示 80 chartDataSet.drawValuesEnabled = false 81 82 83 84 //x軸とy軸をセット 85 let chartData = RadarChartData(dataSet: chartDataSet) 86 // 下記が2.3の時に書いていた書き方です 87 // let chartData = RadarChartData(xVals: subject, dataSet: chartDataSet) 88 89 90 91 92 //レーダーチャートの回転禁止 93 radarChartView.rotationEnabled = false 94 95 //タップ時にデータを選択できないようにする 96 radarChartView.highlightPerTapEnabled = false 97 98 // グラフの余白 99 radarChartView.setExtraOffsets(left: 5, top: 5, right: 5, bottom: 5) 100 101 //レーダーチャートのy軸の最小値と最大値 102 radarChartView.yAxis.axisMinValue = 0 103 radarChartView.yAxis.axisMaxValue = 100 104 105 //レーダーチャートのラベルのフォントは非表示(フォント0にして) 106 radarChartView.yAxis.labelFont = UIFont.systemFont(ofSize: scInch*3) 107 108 //レーダーチャートの表示 109 radarChartView.data = chartData 110 111 } 112 113 114}

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

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

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

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

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

guest

回答1

0

ちょっと調べきれていませんが‥
Y軸の方はいいとして、X軸の方はIAxisValueFormatterのstringForValue()を使うんじゃないかなと思います。

RadarChartとベースが同じなPieChartの記事を探してみるのも手です。

投稿2017/05/01 01:26

fuzzball

総合スコア16731

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

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

lyzmfeqpxs54

2017/05/02 00:43

ご回答いつもありがとうございます。ご教示いただいたように色々と探しておりますが、なかなか記事も見つからず、またラベルも表示できていない状況です。 お忙しいところ恐縮ですが、もしお時間がありそうでしたら、参考になりそうなサイトを教えていただけないでしょうか。よろしくお願いいたします。
fuzzball

2017/05/02 00:56

私が昨日見ていたのはChartsのデモのソース(Objective-C)です。 あとはCharts本体のソースと。 OSX版のデモはSwiftで書かれているので参考になるかも?なんか妙に短いですがw Xcode8環境があれば試してみるのですが残念ながら環境が無く‥。 ちなみに現在のバージョンは3.0.2です。
lyzmfeqpxs54

2017/05/04 00:13

情報ありがとうございます。いろいろと調べているのですが未だ解決はできておらず……。 やり方がご存じの方がいらっしゃいましたらご教示いただければ幸いです。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問