• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

Swift - 第三方图表库Charts使用详解6(折线图5:Y轴的样式设置) ...

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

五、Y 轴的样式设置
1,只显示左侧的 Y 轴
(1)默认情况下表格左右两侧均有 Y 轴显示:左侧 Y 轴为 leftAxis、右侧 Y 轴为 rightAxis。

(2)下面不显示右侧 Y 轴的刻度文字。

chartView.rightAxis.drawLabelsEnabled = false //不绘制右侧Y轴文字

(3)右侧 Y 轴的文字和轴线均不显示。

chartView.rightAxis.enabled = false //禁用右侧的Y轴
//chartView.rightAxis.drawLabelsEnabled = false //不绘制右侧Y轴文字
//chartView.rightAxis.drawAxisLineEnabled = false //不显示右侧Y轴

2,值反向排列
默认情况下,Y 轴刻度是自下而上逐渐变大的。通过 inverted 属性可以将其反转,即最小值在最上方。

chartView.leftAxis.inverted = true //刻度值反向排列

3,设置坐标轴刻度文字显示位置
和 X 轴一样,我们也可以将 Y 轴文字显示在轴线内侧。

chartView.leftAxis.labelPosition = .insideChart //文字显示在内侧

4,设置 Y 轴的颜色和线宽

chartView.leftAxis.axisLineWidth = 2 //左x轴宽度
chartView.leftAxis.axisLineColor = .orange //左x轴颜色

5,指定最小、最大刻度值

chartView.leftAxis.axisMinimum = -100 //最小刻度值
chartView.leftAxis.axisMaximum = 100 //最大刻度值

6,指定刻度间的最小间隔

chartView.leftAxis.axisMinimum = -100 //最小刻度值
chartView.leftAxis.axisMaximum = 100 //最大刻度值
chartView.leftAxis.granularity = 50 //最小间隔

7,绘制 0 刻度线
(1)将 drawZeroLineEnabled 设置为 true 则会在 0 刻度位置绘制一条有别于其它网格线的横线。

chartView.leftAxis.drawZeroLineEnabled = true //绘制0刻度线

(2)0 刻度线的样式也是可以修改的:
原文:Swift - 第三方图表库Charts使用详解6(折线图5:Y轴的样式设置)

chartView.leftAxis.drawZeroLineEnabled = true //绘制0刻度线
chartView.leftAxis.zeroLineColor = .orange //0刻度线颜色
chartView.leftAxis.zeroLineWidth = 2 //0刻度线线宽
chartView.leftAxis.zeroLineDashLengths = [4, 2] //0刻度线使用虚线样式

8,设置刻度文字的样式

chartView.leftAxis.labelTextColor = .orange //刻度文字颜色
chartView.leftAxis.labelFont = .systemFont(ofSize: 14) //刻度文字大小

9,设置对应网格线的样式
(1)修改网格线的颜色和粗细。

chartView.leftAxis.gridColor = .orange //左Y轴对应网格线的颜色
chartView.leftAxis.gridLineWidth = 2 //右Y轴对应网格线的大小

(2)显示虚线形式的网格线。

chartView.xAxis.gridLineDashLengths = [4,2] //虚线各段长度

(3)不显示网格线

chartView.leftAxis.drawGridLinesEnabled = false //不绘制网格线

10,刻度文字的格式化

let formatter = NumberFormatter() //自定义格式
formatter.positiveSuffix = “%” //数字后缀
chartView.leftAxis.valueFormatter = DefaultAxisValueFormatter(formatter: formatter)

原文出自:www.hangge.com 原文链接:https://www.hangge.com/blog/cache/detail_2123.html


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
swift多视图分段切换发布时间:2022-07-14
下一篇:
Swift系列七 - 汇编分析值类型发布时间:2022-07-14
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap