iOS Charts庫的簡單使用 - PieChartView

iOS Charts庫的簡單使用 - BarChartView

iOS Charts庫的簡單使用 - PieChartView

iOS Charts庫的簡單使用 - LineChartView

iOS Charts庫的簡單使用 - CombinedChartView

Charts 庫各類之間屬性基本互通耀盗,可相互參考圈膏,更多屬性參看 iOS Charts庫的簡單使用 - BarChartView

更多使用方法及屬性參考 MPAndroidChart 文檔:MPAndroidChart Documentation

最后附上 demo蠢络,demo有個別錯誤未修改,請甄別火欧。




PieChartView 的部分屬性及簡單使用

開局一張簡單的餅圖

let pieChartView = PieChartView(frame: CGRect(x: 0, y: 300, width: UIScreen.main.bounds.width, height: 200))
view.addSubview(pieChartView)

let datas: [Double] = [32, 12, 65, 23, 50]

var values = [PieChartDataEntry]()
for i in 0..<datas.count {
    values.append(PieChartDataEntry(value: datas[i], label: "\(datas[i])"))
}

let dataSet = PieChartDataSet(entries: values, label: "圖例")
dataSet.colors = ChartColorTemplates.vordiplom()

let data = PieChartData(dataSet: dataSet)

pieChartView.data = data
image.png

屬性

//是否根據(jù)所提供的數(shù)據(jù), 將顯示數(shù)據(jù)轉(zhuǎn)換為百分比格式。默認false
pieChartView.usePercentValuesEnabled = true
//空心半徑占比尽狠。默認0.5
pieChartView.holeRadiusPercent = 0.2
//半透明空心半徑占比蚕礼。默認0.55
pieChartView.transparentCircleRadiusPercent = 0.55
//半透明空心的顏色。
pieChartView.transparentCircleColor = .red
//是否允許拖拽旋轉(zhuǎn)席舍。默認true
pieChartView.rotationEnabled = true
pieChartView.dragDecelerationEnabled = true
//拖拽旋轉(zhuǎn)后慣性系數(shù)0-1布轿。默認0.9
pieChartView.dragDecelerationFrictionCoef = 0.9
//設(shè)置為false,禁止點擊手勢高亮顯示值来颤,值仍然可以通過拖動或編程方式突出顯示汰扭。默認true
pieChartView.highlightPerTapEnabled = true
//標記,指示是否應(yīng)該繪制入口標簽福铅。默認 YES
pieChartView.drawEntryLabelsEnabled = true
//條目標簽的顏色萝毛。
pieChartView.entryLabelColor = .red
//條目標簽字體大小。
pieChartView.entryLabelFont = .systemFont(ofSize: 15)
image.png
//餅狀圖是否是空心.默認YES
pieChartView.drawHoleEnabled = true
//空心顏色滑黔。默認white
pieChartView.holeColor = .cyan
//是否顯示中心文字笆包。默認YES
pieChartView.drawCenterTextEnabled = true
//中心文字
pieChartView.centerText = "中心文字"
let centerAttributedText = NSMutableAttributedString(string: "中心文字")
centerAttributedText.setAttributes([NSAttributedString.Key.foregroundColor : UIColor.red], range: NSRange(location: 0, length: "中心".count))
//中心文字 富文本
pieChartView.centerAttributedText = centerAttributedText
//中心文字的偏移量
pieChartView.centerTextOffset = CGPoint(x: 0, y: 0)
//中心文字顯示的半徑百分比。默認1.0
pieChartView.centerTextRadiusPercent = 0.5
image.png
//餅圖顯示的最大角度略荡。默認360
pieChartView.maxAngle = 180
//餅圖顯示時旋轉(zhuǎn)的角度庵佣。默認270
pieChartView.rotationAngle = 180
image.png
//餅圖周圍的最小偏移量,影響餅圖大小汛兜。默認0
pieChartView.minOffset = 0
//是否雙指拖拽旋轉(zhuǎn)巴粪,值為true時則單指無法拖拽旋轉(zhuǎn)。默認false
pieChartView.rotationWithTwoFingers = false
//是否顯示圖例
pieChartView.legend.enabled = true
//圖例在餅狀圖中的大小占比序无。默認0.95
pieChartView.legend.maxSizePercent = 0.95
//圖例文本間隔验毡。默認5.0
pieChartView.legend.formToTextSpace = 15.0
//圖例字體大小衡创。默認10.0
pieChartView.legend.font = .systemFont(ofSize: 10)
//圖例字體顏色間隔帝嗡。默認black
pieChartView.legend.textColor = .red
//圖例在餅狀圖中水平方向的位置。默認left
pieChartView.legend.horizontalAlignment = .left
//圖例在餅狀圖中垂直方向的位置璃氢。默認bottom
pieChartView.legend.verticalAlignment = .bottom
//圖例排列方向哟玷。默認horizontal
pieChartView.legend.orientation = .horizontal
//圖示樣式。默認square
pieChartView.legend.form = .square
//圖示大小。默認8.0
pieChartView.legend.formSize = 8
PieChartDataSet 屬性
//是否顯示數(shù)值巢寡。默認true
dataSet.drawValuesEnabled = true
//文字顯示位置喉脖。默認insideSlice
dataSet.xValuePosition = .outsideSlice
//文字顯示位置。默認insideSlice
dataSet.yValuePosition = .outsideSlice
//數(shù)值文字大小
dataSet.valueFont = .systemFont(ofSize: 15)
dataSet.valueTextColor = .red
//文字大小
dataSet.entryLabelFont = .systemFont(ofSize: 20)
//文字顏色
dataSet.entryLabelColor = .orange

//yValuePosition == .outsideSlice 時生效抑月,指示線顏色和餅圖切片顏色相同树叽。默認false
dataSet.useValueColorForLine = false
//yValuePosition == .outsideSlice 時生效,指示線顏色谦絮。抵消useValueColorForLine题诵。默認black
//dataSet.valueLineColor = .red
//yValuePosition == .outsideSlice 時生效,指示線寬度层皱。默認1.0
dataSet.valueLineWidth = 2
//yValuePosition == .outsideSlice 時生效性锭,指示線偏移量占餅圖百分比。默認0.75
dataSet.valueLinePart1OffsetPercentage = 0.75
//yValuePosition == .outsideSlice 時生效叫胖,指示線前半部分長度占餅圖百分比草冈。默認0.3
dataSet.valueLinePart1Length = 0.3
//yValuePosition == .outsideSlice 時生效,指示線后半部分長度占餅圖百分比瓮增。默認0.4
dataSet.valueLinePart2Length = 0.4
//yValuePosition == .outsideSlice 時生效怎棱,指示線后半部分長度占餅圖百分比。默認0.4
//yValuePosition == .outsideSlice 時生效绷跑,旋轉(zhuǎn)餅圖時蹄殃,是否動態(tài)改變指示線的長度。默認true
dataSet.valueLineVariableLength = true
//餅圖選中后的顏色
dataSet.highlightColor = .purple
//餅圖距離邊距距離你踩。默認18
dataSet.selectionShift = 18
//餅片之間的距離诅岩。默認0.0
dataSet.sliceSpace = 5
//各餅片顏色
dataSet.colors = ChartColorTemplates.vordiplom()

//默認NO
dataSet.automaticallyDisableSliceSpacing = false
image.png

最后附上 demo

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市带膜,隨后出現(xiàn)的幾起案子吩谦,更是在濱河造成了極大的恐慌,老刑警劉巖膝藕,帶你破解...
    沈念sama閱讀 221,576評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件式廷,死亡現(xiàn)場離奇詭異,居然都是意外死亡芭挽,警方通過查閱死者的電腦和手機滑废,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,515評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來袜爪,“玉大人蠕趁,你說我怎么就攤上這事⌒凉荩” “怎么了俺陋?”我有些...
    開封第一講書人閱讀 168,017評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我腊状,道長诱咏,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,626評論 1 296
  • 正文 為了忘掉前任缴挖,我火速辦了婚禮袋狞,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘映屋。我一直安慰自己硕并,他們只是感情好,可當我...
    茶點故事閱讀 68,625評論 6 397
  • 文/花漫 我一把揭開白布秧荆。 她就那樣靜靜地躺著倔毙,像睡著了一般。 火紅的嫁衣襯著肌膚如雪乙濒。 梳的紋絲不亂的頭發(fā)上陕赃,一...
    開封第一講書人閱讀 52,255評論 1 308
  • 那天,我揣著相機與錄音颁股,去河邊找鬼么库。 笑死,一個胖子當著我的面吹牛甘有,可吹牛的內(nèi)容都是我干的诉儒。 我是一名探鬼主播,決...
    沈念sama閱讀 40,825評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼亏掀,長吁一口氣:“原來是場噩夢啊……” “哼忱反!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起滤愕,我...
    開封第一講書人閱讀 39,729評論 0 276
  • 序言:老撾萬榮一對情侶失蹤温算,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后间影,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體注竿,經(jīng)...
    沈念sama閱讀 46,271評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,363評論 3 340
  • 正文 我和宋清朗相戀三年魂贬,在試婚紗的時候發(fā)現(xiàn)自己被綠了巩割。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,498評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡付燥,死狀恐怖宣谈,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情机蔗,我是刑警寧澤蒲祈,帶...
    沈念sama閱讀 36,183評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站萝嘁,受9級特大地震影響梆掸,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜牙言,卻給世界環(huán)境...
    茶點故事閱讀 41,867評論 3 333
  • 文/蒙蒙 一酸钦、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧咱枉,春花似錦卑硫、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,338評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至亿乳,卻和暖如春硝拧,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背葛假。 一陣腳步聲響...
    開封第一講書人閱讀 33,458評論 1 272
  • 我被黑心中介騙來泰國打工障陶, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人聊训。 一個月前我還...
    沈念sama閱讀 48,906評論 3 376
  • 正文 我出身青樓抱究,卻偏偏與公主長得像,于是被迫代替她去往敵國和親带斑。 傳聞我的和親對象是個殘疾皇子鼓寺,可洞房花燭夜當晚...
    茶點故事閱讀 45,507評論 2 359