热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

iOSSwiftCharts的使用(三):扇形图的实现

最近项目中遇到了需要获取网站上的数据,然后以折线图的方式表示出来的需求。于是发现了swift下非常强大的图表库-#Charts下面是这个系列的几篇汇总:1、折线图2、柱状图3、饼状

最近项目中遇到了需要获取网站上的数据,然后以折线图的方式表示出来的需求。于是发现了swift下非常强大的图表库-# Charts


下面是这个系列的几篇汇总:
1、折线图
2、柱状图
3、饼状图


这一篇我们来看一下有关饼状图的实现。实现后的效果如下图所示:iOS Swift Charts 的使用(三):扇形图的实现
1、我们需要导入非常强大的图表库-Charts
2、进行饼状图的初始化,并设置其基本样式,同时设置代理。由于代码中有详细的注释,下面直接贴代码


func test3()
{
    pieChartView.frame = CGRect(x: 20, y: 60, width: 500, height: 600)
    self.view.addSubview(pieChartView)
    pieChartView.backgroundColor = UIColor.init(red: 230/255, green: 253/255.0, blue: 253/255.0, alpha: 1)
    pieChartView.setExtraOffsets(left: 40, top: 10, right: 40, bottom: 30)  //设置这块饼的位置
    pieChartView.chartDescription?.text = "饼状图示例" //描述文字
    pieChartView.chartDescription?.fOnt= UIFont.systemFont(ofSize: 12)
    pieChartView.chartDescription?.textColor = UIColor.black
    
    pieChartView.usePercentValuesEnabled = true  //转化为百分比
    //pieChartView.dragDeceleratiOnEnabled= false //把拖拽效果关了
    pieChartView.drawEntryLabelsEnabled = true //显示区块文本
    pieChartView.entryLabelFOnt= UIFont.systemFont(ofSize: 10) //区块文本的字体
    pieChartView.entryLabelColor = UIColor.white
    pieChartView.drawSlicesUnderHoleEnabled = true
    
    pieChartView.drawHoleEnabled = true  //这个饼是空心的
    pieChartView.holeRadiusPercent = 0.382  //空心半径黄金比例
    pieChartView.holeColor = UIColor.white //空心颜色设置为白色
    pieChartView.transparentCircleRadiusPercent = 0.5  //半透明空心半径
    
    pieChartView.drawCenterTextEnabled = true //显示中心文本
    pieChartView.centerText = "饼状图"  //设置中心文本,你也可以设置富文本`centerAttributedText`
    
    //图例样式设置
    pieChartView.legend.maxSizePercent = 1  //图例的占比
    pieChartView.legend.form = .circle //图示:原、方、线
    pieChartView.legend.formSize = 8 //图示大小
    pieChartView.legend.formToTextSpace = 4 //文本间隔
    pieChartView.legend.fOnt= UIFont.systemFont(ofSize: 8)
    pieChartView.legend.textColor = UIColor.gray
    pieChartView.legend.horizOntalAlignment= .left
    pieChartView.legend.verticalAlignment = .top
    
    self.pieChartView.animate(xAxisDuration: 1.0, yAxisDuration: 1.0, easingOption: .easeInBack)
    
    self.drawPieChartView()
    
}

3、设置好图表的样式后,下面来将数据加载上去,相关代码如下:


func drawPieChartView()
{
    let titles = ["红","黄","蓝色","橙","绿"]
    let yData = [20,30,10,40,60]
    var yVals = [PieChartDataEntry]()
    
    for i in 0...titles.count - 1
    {
        let entry = PieChartDataEntry.init(value: Double(yData[i]), label: titles[i])
        yVals.append(entry)
    }
    
    let dataSet = PieChartDataSet.init(values: yVals, label:"test")
    dataSet.colors = [UIColor.red,UIColor.yellow,UIColor.blue,UIColor.orange,UIColor.green] //设置名称和数据的位置 都在内就没有折线了
    dataSet.xValuePosition = .insideSlice
    dataSet.yValuePosition = .outsideSlice
    dataSet.sliceSpace = 1 //相邻块的距离
    dataSet.selectiOnShift= 6.66  //选中放大半径
    
    //指示折线样式
    dataSet.valueLinePart1OffsetPercentage = 0.8 //折线中第一段起始位置相对于区块的偏移量, 数值越大, 折线距离区块越远
    dataSet.valueLinePart1Length = 0.8 //折线中第一段长度占比
    dataSet.valueLinePart2Length = 0.4 //折线中第二段长度最大占比
    dataSet.valueLineWidth = 1 //折线的粗细
    dataSet.valueLineColor = UIColor.brown //折线颜色
    
    let data = PieChartData.init(dataSets: [dataSet])
    data.setValueFormatter(KMChartAxisValueFormatter.init()) //格式化值(添加个%)
    data.setValueFont(UIFont.systemFont(ofSize: 10.0))
    data.setValueTextColor(UIColor.lightGray)
    pieChartView.data = data
    
    
    
}

推荐阅读
  • 本文详细介绍了Akka中的BackoffSupervisor机制,探讨其在处理持久化失败和Actor重启时的应用。通过具体示例,展示了如何配置和使用BackoffSupervisor以实现更细粒度的异常处理。 ... [详细]
  • 深入理解 SQL 视图、存储过程与事务
    本文详细介绍了SQL中的视图、存储过程和事务的概念及应用。视图为用户提供了一种灵活的数据查询方式,存储过程则封装了复杂的SQL逻辑,而事务确保了数据库操作的完整性和一致性。 ... [详细]
  • Android 渐变圆环加载控件实现
    本文介绍了如何在 Android 中创建一个自定义的渐变圆环加载控件,该控件已在多个知名应用中使用。我们将详细探讨其工作原理和实现方法。 ... [详细]
  • 本文介绍如何通过创建替代插入触发器,使对视图的插入操作能够正确更新相关的基本表。涉及的表包括:飞机(Aircraft)、员工(Employee)和认证(Certification)。 ... [详细]
  • 基因组浏览器中的Wig格式解析
    本文详细介绍了Wiggle(Wig)格式及其在基因组浏览器中的应用,涵盖variableStep和fixedStep两种主要格式的特点、适用场景及具体使用方法。同时,还提供了关于数据值和自定义参数的补充信息。 ... [详细]
  • 深入解析Android自定义View面试题
    本文探讨了Android Launcher开发中自定义View的重要性,并通过一道经典的面试题,帮助开发者更好地理解自定义View的实现细节。文章不仅涵盖了基础知识,还提供了实际操作建议。 ... [详细]
  • 本文将介绍如何编写一些有趣的VBScript脚本,这些脚本可以在朋友之间进行无害的恶作剧。通过简单的代码示例,帮助您了解VBScript的基本语法和功能。 ... [详细]
  • 本文详细介绍了 Dockerfile 的编写方法及其在网络配置中的应用,涵盖基础指令、镜像构建与发布流程,并深入探讨了 Docker 的默认网络、容器互联及自定义网络的实现。 ... [详细]
  • 本文介绍了如何使用JQuery实现省市二级联动和表单验证。首先,通过change事件监听用户选择的省份,并动态加载对应的城市列表。其次,详细讲解了使用Validation插件进行表单验证的方法,包括内置规则、自定义规则及实时验证功能。 ... [详细]
  • c# – UWP:BrightnessOverride StartOverride逻辑 ... [详细]
  • 本文详细介绍了Java中org.eclipse.ui.forms.widgets.ExpandableComposite类的addExpansionListener()方法,并提供了多个实际代码示例,帮助开发者更好地理解和使用该方法。这些示例来源于多个知名开源项目,具有很高的参考价值。 ... [详细]
  • 使用 Azure Service Principal 和 Microsoft Graph API 获取 AAD 用户列表
    本文介绍了一段通用代码示例,该代码不仅能够操作 Azure Active Directory (AAD),还可以通过 Azure Service Principal 的授权访问和管理 Azure 订阅资源。Azure 的架构可以分为两个层级:AAD 和 Subscription。 ... [详细]
  • 本教程涵盖OpenGL基础操作及直线光栅化技术,包括点的绘制、简单图形绘制、直线绘制以及DDA和中点画线算法。通过逐步实践,帮助读者掌握OpenGL的基本使用方法。 ... [详细]
  • 本文详细介绍了中央电视台电影频道的节目预告,并通过专业工具分析了其加载方式,确保用户能够获取最准确的电视节目信息。 ... [详细]
  • 本文详细介绍了Grand Central Dispatch (GCD) 的核心概念和使用方法,探讨了任务队列、同步与异步执行以及常见的死锁问题。通过具体示例和代码片段,帮助开发者更好地理解和应用GCD进行多线程开发。 ... [详细]
author-avatar
111
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有