最近專案中遇到了需要獲取網站上的資料，然後以折線圖的方式表示出來的需求。於是發現了swift下非常強大的圖表庫-#

下面是這個系列的幾篇彙總：
1、折線圖
2、柱狀圖
3、餅狀圖
4、K線圖

這一篇我們來看一下有關柱狀圖的實現。實現後的效果如下圖所示：
1、我們需要匯入非常強大的圖表庫-
2、進行柱狀圖的初始化，並設定其基本樣式，同時設定代理。由於程式碼中有詳細的註釋，下面直接貼程式碼

func test4()
{
    self.barChartView.frame = CGRect(x: 0, y: 60, width: self.view.bounds.width, height: self.view.bounds.height/2 - 64)
    self.barChartView.delegate = self
    
    self.view.addSubview(self.barChartView)
    barChartView.backgroundColor = UIColor.init(red: 230/255.0, green: 253/255.0, blue: 253/255.0, alpha: 1.0)
    
    //基本樣式
    barChartView.noDataText = "You need to provide data for the chart." //沒有資料時的文字提示
    barChartView.drawValueAboveBarEnabled = true  //數值顯示在柱形的上面還是下面
    barChartView.drawBarShadowEnabled = false  //是否繪製柱形的陰影背景

    
    //barChartView的互動設定
    self.barChartView.scaleYEnabled = false  //取消Y軸縮放
    self.barChartView.doubleTapToZoomEnabled = false   //取消雙擊縮放
    self.barChartView.dragEnabled = true  //啟用拖拽圖表
    self.barChartView.dragDecelerationEnabled = false  //拖拽後是否有慣性效果
    self.barChartView.dragDecelerationFrictionCoef = 0 //拖拽後慣性效果的摩擦係數(0~1)，數值越小，慣性越不明顯
    
    //設定barChartView的X軸樣式
    let xAxis = self.barChartView.xAxis
    xAxis.axisLineWidth = 1  //設定X軸線寬
    xAxis.labelPosition = .bottom  //X軸的顯示位置，預設是顯示在上面的
    xAxis.drawGridLinesEnabled = true   //不繪製網格線
    //xAxis.l = 4  //設定label間隔，若設定為1，則如果能全部顯示，則每個柱形下面都會顯示label
    xAxis.labelTextColor = UIColor.brown //label文字顏色
    xAxis.labelCount = 10
    
    self.barChartView.rightAxis.enabled = false  //不繪製右邊軸
    //設定左側Y軸的樣式
    let leftAxis = self.barChartView.leftAxis
    leftAxis.forceLabelsEnabled = false   //不強制繪製制定數量的label
    //leftAxis = false  //是否只顯示最大值和最小值
    leftAxis.axisMinimum = -40  //設定Y軸的最小值
    leftAxis.drawZeroLineEnabled = true   //從0開始繪製
    leftAxis.axisMaximum = 105   //設定Y軸的最大值
    leftAxis.inverted = false   //是否將Y軸進行上下翻轉
    leftAxis.axisLineWidth = 0.5    //Y軸線寬
    leftAxis.axisLineColor =  UIColor.black  //Y軸顏色
    leftAxis.labelCount = 5
    leftAxis.forceLabelsEnabled = false
    
    //設定Y軸上標籤的樣式
    leftAxis.labelPosition = .outsideChart   //label位置
    leftAxis.labelTextColor = UIColor.brown   //文字顏色
    leftAxis.labelFont = UIFont.systemFont(ofSize: 10)  //文字字型
    
    //設定Y軸上標籤顯示數字的格式
    let  leftFormatter = NumberFormatter()  //自定義格式
    leftFormatter.positiveSuffix = " $"  //數字字尾單位
    barChartView.leftAxis.valueFormatter = DefaultAxisValueFormatter.init(formatter: leftFormatter)
    
    //設定Y軸上網格線的樣式
    leftAxis.gridLineDashLengths = [3.0, 3.0]   //設定虛線樣式的網格線
    leftAxis.gridColor = UIColor.init(red: 200/255.0, green: 200/255.0, blue: 200/255.0, alpha: 1.0)  //網格線顏色
    leftAxis.gridAntialiasEnabled = true   //開啟抗鋸齒
    
    let limitLine = ChartLimitLine(limit: 20, label: "限制線")
    limitLine.lineWidth = 2
    limitLine.lineColor = UIColor.green
    limitLine.lineDashLengths = [5.0, 5.0]   //虛線樣式
    limitLine.labelPosition = .rightTop  //位置
    leftAxis.addLimitLine(limitLine)  //新增到Y軸上
    leftAxis.drawLimitLinesBehindDataEnabled = true  //設定限制線繪製在柱形圖的後面
    
    self.barChartView.legend.enabled = false  //不顯示圖例說明
    self.barChartView.chartDescription?.text = "" //不顯示，就設為空字串即可
    
    
    self.setData()
}
 

3、設定好圖表的樣式後，下面來將資料載入上去，相關程式碼如下：

func setData()
{
    var xVals = [String]()
    for i in 0...60
    {
        xVals.append(NSString(format: "%d年", i+1993) as String)
    }
    //chartView.xAxis.valueFormatter = KMChartAxisValueFormatter.init(xValues as NSArray)
    
    
    
    var yVals = [BarChartDataEntry]()
    for j in 0...60
    {
        let val = (Double)(arc4random_uniform(40))

        yVals.append(BarChartDataEntry.init(x: Double(j), y: val))
    }
    
    //建立BarChartDataSet物件，其中包含有Y軸資料資訊，以及可以設定柱形樣式
    let set1 = BarChartDataSet(values: yVals, label: "test")
    //set1.bar = 0.2  //柱形之間的間隙佔整個柱形(柱形+間隙)的比例
    set1.drawValuesEnabled = true  //是否在柱形圖上面顯示數值
    set1.highlightEnabled = false  //點選選中柱形圖是否有高亮效果，（雙擊空白處取消選中）
    set1.colors = ChartColorTemplates.material()
    
    
    //將BarChartDataSet物件放入陣列中
    
    
    var dataSets = [BarChartDataSet]()

    
    dataSets.append(set1)
    
    //建立BarChartData物件, 此物件就是barChartView需要最終資料物件
    
    self.barChartView.xAxis.valueFormatter = KMChartAxisValueFormatter.init(xVals as NSArray)
    
    let data:BarChartData = BarChartData(dataSets: dataSets)
    data.setValueFont(UIFont.init(name: "HelveticaNeue-Light", size: 10))  //文字字型
    data.setValueTextColor(UIColor.orange)  //文字顏色
    data.barWidth = 0.7
    
    //自定義資料顯示格式
    let formatter = NumberFormatter()
    formatter.numberStyle = .decimal
    //formatter.positiveFormat = " $"
    self.barChartView.leftAxis.valueFormatter = DefaultAxisValueFormatter.init(formatter: formatter)
    
    
    self.barChartView.data = data
    self.barChartView.animate(xAxisDuration: 1)

}
 

4、下面是幾個相關代理方法：

    //點選選中柱形圖時的代理方法
    func chartValueSelected(_ chartView: ChartViewBase, entry: ChartDataEntry, highlight: Highlight) {
    
}

//沒有選中柱形圖時的代理方法
func chartValueNothingSelected(_ chartView: ChartViewBase){
 
}

override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
    
}

//捏合放大或縮小柱形圖時的代理方法
func chartScaled(_ chartView: ChartViewBase, scaleX: CGFloat, scaleY: CGFloat)
{
   
}

//拖拽圖表時的代理方法
func chartTranslated(_ chartView: ChartViewBase, dX: CGFloat, dY: CGFloat)
{
    
}