iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 29
0
Mobile Development

IOS 基本元件運用和套件運用系列 第 29

(Day29)第三方套件---圖表套件Charts(上)

Charts

官方網站 https://github.com/danielgindi/Charts

Switf沒有提供圖表的元件,如果有app要使用到圖表的時候要用CAShapeLayer畫出來。這個套件就省去了這個麻煩,只需要幾個簡單的指令就能產生圖表。這個元件還提供了各種各樣的圖表。

CocoaPod Install

在你的專案的 Podfile 加入 pod 'Charts'
https://ithelp.ithome.com.tw/upload/images/20201012/20129678Y6WvXlvKku.png

使用

先新增一個空的View
https://ithelp.ithome.com.tw/upload/images/20201012/20129678I4AIUX1MYJ.png
等下圖表會在這個View裡顯示

建兩個Array,分別是名稱和分數

let name = ["A","B","c","D"]
let point:[Double] = [31,99,50,60]

分數必須是Double型態

View元件的Class要改成
https://ithelp.ithome.com.tw/upload/images/20201012/20129678OE6oZ9zPwu.png

func drawGraph(){
        var dataEntries: [BarChartDataEntry] = []
        for i in 0 ..< point.count{
            let dataEntry = BarChartDataEntry(x: Double(i), y: point[i])
            dataEntries.append(dataEntry)
        }
        let chartDataSet = BarChartDataSet(entries: dataEntries)
        let chartData = BarChartData(dataSet: chartDataSet)
        self.chartView.data = chartData
    }

https://ithelp.ithome.com.tw/upload/images/20201012/201296788jGqbTbak4.png


上一篇
(Day28)Xcode11 Navigation Bar
下一篇
(Day30)第三方套件---圖表套件Charts(下)
系列文
IOS 基本元件運用和套件運用30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言