[Swift通天遁地]三、手势与图表-(5)创建带有标题、图例、坐标轴的柱形图表

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号：山青咏芝（shanqingyongzhi）
➤博客园地址：山青咏芝（https://www.cnblogs.com/strengthen/）
➤GitHub地址：https://github.com/strengthen/LeetCode
➤原文地址：https://www.cnblogs.com/strengthen/p/10210784.html 
➤如果链接不是山青咏芝的博客园地址，则可能是爬取作者的文章。
➤原文已修改更新！强烈建议点击原文地址阅读！支持作者！支持原创！
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

热烈欢迎，请直接点击！！！

进入博主App Store主页，下载使用各个作品！！！

注：博主将坚持每月上线一个新app！！！

目录：[Swift]通天遁地Swift

本文将演示如何如何创建一个漂亮的柱形图表。

首先确保在项目中已经安装了所需的第三方库。

点击【Podfile】,查看安装配置文件。

platform :ios, '12.0'
use_frameworks!

target 'DemoApp' do
    source 'https://github.com/CocoaPods/Specs.git'
    pod 'Charts'
end

根据配置文件中的相关配置，安装第三方库。

然后点击打开【DemoApp.xcworkspace】项目文件。

为了更好的显示柱形图标需要调整模拟器的朝向。

【DemoApp】->【General】

->【Device Orientation】取消勾选【Portrait】肖像选项，使模拟器保持横向显示。

在项目导航区，打开视图控制器的代码文件【ViewController.swift】

现在开始编写代码，创建一个带有标题、图例、坐标轴的柱形图表。

import UIKit
//首先在当前的类文件中，引入已经安装的第三方类库
import Charts

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        
        //创建一个包含6个数字的数组，作为第一组柱形的数据
        let values1: [Double] = [8, 104, 81, 93, 52, 44 ]
        //创建一个包含6个数字的数组，作为第二组柱形的数据
        let values2: [Double] = [76, 25, 20, 13, 52, 57]
        //创建一个包含6个数字的数组，作为第三组柱形的数据
        let values3: [Double] = [101, 75, 28, 23, 45, 91]
        //柱形图将用来显示三组数据的趋势

        //依次创建三个图表数据记录
        var entries1: [ChartDataEntry] = Array()
        var entries2: [ChartDataEntry] = Array()
        var entries3: [ChartDataEntry] = Array()
        
        //通过一个循环
        for (i, value) in values1.enumerated()
        {
            //将第一个数组中的数字，添加到图表数据记录中。
            entries1.append(BarChartDataEntry(x: Double(i), y: value))
        }
        
        //通过一个循环
        for (i, value) in values2.enumerated()
        {
            //将第二个数组中的数字，添加到图表数据记录中。
            entries2.append(BarChartDataEntry(x: Double(i), y: value))
        }
        
        //通过一个循环
        for (i, value) in values3.enumerated()
        {
            //将第二个数组中的数字，添加到图表数据记录中。
            entries3.append(BarChartDataEntry(x: Double(i), y: value))
        }
        
        //创建第一个数据集，并设置数据集的值域和标签文字
        let dataSet = BarChartDataSet(values: entries1, label: "Company A")
        //同时设置该数据集对应柱形的填充颜色
        dataSet.setColor(NSUIColor(red: 229/255, green: 140/255, blue: 154/255, alpha: 1))
        
        //创建第二个数据集，并设置数据集的值域和标签文字
        let dataSet2 = BarChartDataSet(values: entries2, label: "Company B")
        //同时设置该数据集对应柱形的填充颜色
        dataSet2.setColor(NSUIColor(red: 243/255, green: 209/255, blue: 142/255, alpha: 1))
        
        //创建第三个数据集，并设置数据集的值域和标签文字
        let dataSet3 = BarChartDataSet(values: entries3, label: "Company C")
        //同时设置该数据集对应柱形的填充颜色
        dataSet3.setColor(NSUIColor(red: 172/255, green: 234/255, blue: 254/255, alpha: 1))
        
        //初始化一个柱形图表数据对象，设置对象的数据集属性。
        let data = BarChartData(dataSets: [dataSet, dataSet2, dataSet3])
        //设置柱形的宽度为0.25
        data.barWidth = 0.25
        
        //创建一个指定显示区域的柱形图表视图
        let chart = BarChartView(frame: CGRect(x: 0, y: 40, width: 560, height: 240))
        //设置图表视图的背景颜色为无色
        chart.backgroundColor = NSUIColor.clear
        //设置左侧的坐标轴的最小值是0
        chart.leftAxis.axisMinimum = 0.0
        //设置右侧的坐标轴的最小值是0
        chart.rightAxis.axisMinimum = 0.0
        //将图表数据对象，设置为柱形图表视图的数据属性
        chart.data = data
        //强制将图表的子元素进行组合，并忽略它们在屏幕上的位置。
        chart.shouldGroupAccessibilityChildren = true
        //设置图表在水平方向上可被拖动的距离
        chart.setDragOffsetX(100)
        //设置图表允许被缩放
        chart.setScaleEnabled(true)
        //在水平轴的两次，各添加柱形一半的宽度，
        //使所有的柱形都可以被全部显示。
        chart.fitBars = true
        //将数据集组合起来
        chart.groupBars(fromX: -1,//起点位置
                        groupSpace: 0.2, //组间距
                        barSpace: 0.05)//柱形的间距
        
        //将配置好的图表，添加到根视图中。
        self.view.addSubview(chart)
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}