qml中ChartView的使用

最新推荐文章于 2025-03-11 10:59:46 发布

大良宽

最新推荐文章于 2025-03-11 10:59:46 发布

阅读量1.2k

点赞数 9

分类专栏： qt 文章标签： qt 学习笔记开发语言

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_48786027/article/details/143580479

版权

qt 专栏收录该内容

3 篇文章

订阅专栏

qml中ChartView的使用

使用ChartView需要导入模块

import QtCharts 2.5

属性含义及设置：

动画类：

animationDuration 设置动画的持续时间
**animationEasingCurve **定义了动画的速度随时间变化的方式，从而影响动画的感觉。
**animationOptions **选择动画执行的对象，有无动画、坐标轴动画、点系列动画以及坐标轴和点系列两者都有的动画

![外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传](https://img-home.csdnimg.cn/images/20230724 在这里插入图片描述

backgroundColors设置Chartview的背景颜色，默认情况下背景颜色由主题theme确定，Chartview内置以下主题：

在这里插入图片描述

backgroundRoundness 设置Chartview的圆角，相当于rectangle的radius。

legend 可以设置图标的图例

legend.alignment: 设置图例放置的位置（上下左右）
legend.markerShape: 设置图例形状

在这里插入图片描述

legend.visible: 设置图例可见性

margins 设置图表与绘图区（plot Area）之间的边距，如果要绘图区填满整个图标，可以重新定义绘图区为图表大小的矩形，设置margins会报错

title、titleColor、titleFont分别设置图表标题名称、颜色和字体

在这里插入图片描述

在这里插入图片描述

坐标点的添加：

可以根据自己的需求添加LineSeries, ScatterSeries和SplineSeries，分别对应直线（上图）、散点和样条曲线（更加平滑）

在这里插入图片描述

坐标点系列添加时可以设置坐标轴以及名称、颜色，方便图标自动生成图例。
在这里插入图片描述

坐标轴定义：

如果x和y轴数值一样，建议重新再创建一个轴，以防出现错误

在这里插入图片描述

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。