Help us understand the problem. What is going on with this article?

[Swift] [iOS] チャート表示ライブラリ [ios-charts] 詳細な使い方

More than 3 years have passed since last update.

目的

前回の記事のより詳細な紹介。

プロパティ

ChartViewBase (全てのチャートに含まれる)

UIViewを継承。

// タップでデータを選択できるか
.highlightPerTapEnabled = true

// 指を離してもスクロールが続くか
.dragDecelerationEnabled = true

// 指を離してからの自動スクロールの減速度合い(0~1)
.dragDecelerationFrictionCoef = 0.9

// description textのフォント、フォントカラー
.descriptionFont = UIFont(name: "HelveticaNeue", size: 9.0)
.descriptionTextColor UIColor.blackColor()

// description textの整列
.descriptionTextAlign = NSTextAlignment.Right

// description textの表示位置
.descriptionTextPosition = nil

// information textのフォント、フォントカラー
.infoFont = UIFont(name: "HelveticaNeue", size: 12.0)
.infoTextColor = UIColor(red: 247.0/255.0, green: 189.0/255.0, blue: 51.0/255.0, alpha: 1.0) // orange

// description textの内容
.descriptionText = "Description"

// データがない時に表示するテキスト
.noDataText = "No chart data available."

// なぜ、データが無いかを説明するテキスト
.noDataTextDescription = ""

// グラフの余白
.extraTopOffset = 0.0
.extraRightOffset = 0.0
.extraBottomOffset = 0.0
.extraLeftOffset = 0.0

BarLineChartViewBase

ChartViewBaseを継承。

// ピンチでズームが可能か
.pinchZoomEnabled = false

// ダブルタップでズームが可能か
.doubleTapToZoomEnabled = true

// ドラッグ可能か
.dragEnabled = true

// X,Y方向にズーム可能か
.scaleYEnabled = true
.scaleYEnabled = true

// チャートエリアの背景色
.gridBackgroundColor = UIColor(red: 240/255.0, green: 240/255.0, blue: 240/255.0, alpha: 1.0)

// ボーダーの色、太さ
borderColor = UIColor.blackColor()
borderLineWidth: CGFloat = 1.0

// グリッド線の表示
.drawGridBackgroundEnabled = false

// 境界線の表示
.drawBordersEnabled = false

// 最小のオフセット
.minOffset = CGFloat(10.0)

// 左のY軸
.leftAxis: ChartYAxis!

// 右のY軸
.rightAxis: ChartYAxis!

// X軸
.xAxis: ChartXAxis!

ChartYAxis, ChartXAxisについては[Swift] [iOS] チャート表示ライブラリ [ios-charts] 軸に関する設定を参照。

BarLineChartView

BarLineChartViewBaseを継承。

// 選択されたバーの右上に三角形の印でハイライトするか
.drawHighlightArrowEnabled = false

// バー上にある値の表示(バー内か、バーより上か)
.drawValueAboveBarEnabled = true

// それぞれのバーにグレーのエリアが描画される
.drawHighlightArrowEnabled = false

メソッド

ChartViewBase (全てのチャートに含まれる)

UIViewを継承。

// グラフの余白
func setExtraOffsets(left left: CGFloat, top: CGFloat, right: CGFloat, bottom: CGFloat)
touyu
RINACITA Inc, CTO Software Engineer(Swfit, Go)
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away