Charts-饼状图

上篇文章已经讲述了折线图的用法这边文章主要来谈饼状图。
其实Charts难的部分主要在于配置，所以同样主要说说他的配置。

        pieGraphView.setExtraOffsets(left: 10, top: 0, right: 60, bottom: 0) // 饼状图距离边缘的间隙
        pieGraphView.usePercentValuesEnabled = true // 是否根据所提供的数据, 将显示数据转换为百分比格式
        pieGraphView.dragDecelerationEnabled = false // 拖拽饼状图后是否有惯性效果
//        viewPie?.drawSliceTextEnabled = false // 是否显示区块文本
//        pieGraphView.drawSlicesUnderHoleEnabled = false
        pieGraphView.chartDescription?.enabled = false // 图形描述
        pieGraphView.drawCenterTextEnabled = false // 是否显示中间文字
        pieGraphView.drawHoleEnabled = true // 饼状图是否是空心
        pieGraphView.holeRadiusPercent = 0.5 // 空心半径占比
        pieGraphView.transparentCircleRadiusPercent = 0.52 //半透明空心半径占比
        pieGraphView.rotationEnabled = true // 旋转指示
        pieGraphView.rotationAngle = 0.0
        pieGraphView.highlightPerTapEnabled = false // 点击放大效果

        // 图例
        let legend = self.pieGraphView.legend
        legend.maxSizePercent = 1 // 图例在饼状图中的大小占比, 这会影响图例的宽高
        legend.formToTextSpace = 10 // 文本间隔
        legend.horizontalAlignment = .right // 图例在饼状图中的位置
        legend.verticalAlignment = .bottom // 图例在饼状图中的位置
        legend.orientation = .vertical // 图例在饼状图中的位置
        legend.font = UIFont.systemFont(ofSize: 12)
        legend.textColor = UIColor.gray

        // 数据
        var yValues: [PieChartDataEntry] = [] // 所占比例
        var colors: [UIColor] = [] // 区块颜色
        for i in 0..<modelList.count {
            if (i + 1) % 6 == 0 {
                colors.append(UIColor.colorWithHex("11bc5e"))
            } else if (i + 1) % 5 == 0 {
                colors.append(UIColor.colorWithHex("3c6af1"))
            } else if (i + 1) % 4 == 0 {
                colors.append(UIColor.colorWithHex("f94495"))
            } else if (i + 1) % 3 == 0 {
                colors.append(UIColor.colorWithHex("feca14"))
            } else if (i + 1) % 2 == 0 {
                colors.append(UIColor.colorWithHex("ff842d"))
            } else {
                colors.append(UIColor.colorWithHex("1ec2ff"))
            }
            if type == 1 {
                if modelList[i].price_flag == 1 {
                    yValues.append(PieChartDataEntry(value: modelList[i].price_perctg, label: modelList[i].brand_name))
                } else {
                    yValues.append(PieChartDataEntry(value: modelList[i].price_perctg, label: modelList[i].brand_name))
                }
            } else {
                yValues.append(PieChartDataEntry(value: modelList[i].number_perctg, label: modelList[i].brand_name))
            }
        }

        let dataSet = PieChartDataSet(values: yValues, label: "")
        dataSet.valueLinePart1OffsetPercentage = 0.8 // 折线中第一段起始位置相对于区块的偏移量, 数值越大, 折线距离区块越远
        dataSet.valueLinePart1Length = 0.4 // 折线中第一段长度占比
        dataSet.valueLinePart2Length = 0.6 // 折线中第二段长度最大占比
        dataSet.valueLineWidth = 1 //折线的粗细
        dataSet.valueLineColor = UIColor.gray //折线颜色
        dataSet.xValuePosition = .outsideSlice //名称位置
        dataSet.yValuePosition = .insideSlice //数据位置
        dataSet.drawIconsEnabled = false
        dataSet.sliceSpace = 2.0 // 相邻区块之间的间距
        dataSet.colors = colors // 设置区块颜色
        
        let pieChartData = PieChartData(dataSet: dataSet)
        pieChartData.setValueFormatter(DigitValueFormatter())//设置百分比
        pieChartData.setValueTextColor(UIColor.gray) //字体颜色为白色
        pieChartData.setValueFont(UIFont.systemFont(ofSize: 11))//字体大小
        pieGraphView.data = pieChartData  // 将配置及数据添加到表中

很可惜，我们的需求是要百分比显示在内部，数据显示在外部，图例显示品牌，还没有找到很好的办法，你有么？我能想到的是图例覆盖一层view去展示......