上篇文章已经讲述了折线图的用法这边文章主要来谈饼状图。
其实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去展示......
