热门标签 | 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
    
    
    
}

推荐阅读
  • iOS如何实现手势
    这篇文章主要为大家展示了“iOS如何实现手势”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“iOS ... [详细]
  • 开发技巧:在Interface Builder中实现UIButton文本居中对齐的方法与步骤
    开发技巧:在Interface Builder中实现UIButton文本居中对齐的方法与步骤 ... [详细]
  • 使用 ModelAttribute 实现页面数据自动填充
    本文介绍了如何利用 Spring MVC 中的 ModelAttribute 注解,在页面跳转后自动填充表单数据。主要探讨了两种实现方法及其背后的原理。 ... [详细]
  • 使用REM和媒体查询实现响应式布局
    本文介绍如何利用REM单位和媒体查询(Media Queries)来创建适应不同屏幕尺寸的网页布局。通过具体示例,展示在不同屏幕宽度下如何调整页面元素的样式。 ... [详细]
  • 本文详细介绍了如何使用Linux下的mysqlshow命令来查询MySQL数据库的相关信息,包括数据库、表以及字段的详情。通过本文的学习,读者可以掌握mysqlshow命令的基本语法及其常用选项。 ... [详细]
  • 尽管在WPF中工作了一段时间,但在菜单控件的样式设置上遇到了一些基础问题,特别是关于如何正确配置前景色和背景色。 ... [详细]
  • 第六章:枚举类型与switch结构的应用分析
    第六章深入探讨了枚举类型与 `switch` 结构在编程中的应用。枚举类型(`enum`)是一种将一组相关常量组织在一起的数据类型,广泛存在于多种编程语言中。例如,在 Cocoa 框架中,处理文本对齐时常用 `NSTextAlignment` 枚举来表示不同的对齐方式。通过结合 `switch` 结构,可以更清晰、高效地实现基于枚举值的逻辑分支,提高代码的可读性和维护性。 ... [详细]
  • Iwanttoreplaceaportionofastringthatmatchesaregexpattern.我想替换匹配正则表达式模式的字符串的一部分。Ihav ... [详细]
  • 本文提供了一个SQL脚本,用于在Microsoft SQL Server中创建一个数据字典视图,该视图详细列出了表名、表描述、字段名称、字段描述、字段类型、字段大小、字段精度、是否可为空、默认值以及是否为标识或主键等信息。 ... [详细]
  • java datarow_DataSet  DataTable DataRow 深入浅出
    本篇文章适合有一定的基础的人去查看,最好学习过一定net编程基础在来查看此文章。1.概念DataSet是ADO.NET的中心概念。可以把DataSet当成内存中的数据 ... [详细]
  • 本文详细探讨了select和epoll两种I/O多路复用技术的内部实现原理,分析了它们在处理大量文件描述符时的性能差异,并通过具体示例代码展示了select的工作流程。 ... [详细]
  • 本文提供了一个详尽的前端开发资源列表,涵盖了从基础入门到高级应用的各个方面,包括HTML5、CSS3、JavaScript框架及库、移动开发、API接口、工具与插件等。 ... [详细]
  • 解决UIBarButtonItem 边缘显示异常的问题分析与优化方案
    在iOS开发中,针对UIBarButtonItem边缘显示异常的问题进行了深入分析,并提出了一系列优化方案。通过自定义视图和调整布局约束,有效解决了按钮在不同设备和屏幕尺寸下的显示问题,提升了用户体验。具体方法包括使用AutoLayout进行动态调整,以及对按钮的内边距和外边距进行精细控制,确保按钮在各种场景下都能保持良好的视觉效果。 ... [详细]
  • 当前,众多初创企业对全栈工程师的需求日益增长,但市场中却存在大量所谓的“伪全栈工程师”,尤其是那些仅掌握了Node.js技能的前端开发人员。本文旨在深入探讨全栈工程师在现代技术生态中的真实角色与价值,澄清对这一角色的误解,并强调真正的全栈工程师应具备全面的技术栈和综合解决问题的能力。 ... [详细]
  • 在Swift编程中,派生类中重写方法时调用其父类的同名方法是一种常见的做法。然而,如果不正确地处理这种调用,可能会导致程序崩溃。本文详细分析了这一问题的根源,并提供了有效的解决策略,帮助开发者避免此类错误。例如,在一个自定义的`ViewController`类中继承自`UITableViewController`时,如果重写了某个方法而未恰当调用父类的实现,就可能引发运行时异常。通过本文的指导,读者将能够更好地理解Swift中的方法重载机制,确保代码的稳定性和安全性。 ... [详细]
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社区 版权所有