点击标题下「蓝色微信名」可快速关注
当使用图表时我们大多关心数据本身,而对于实现形式,一般会使用标准的样式。但是在一些场合,我们更关心数据的展示效果而不是数字本身。对于下面两张图片效果,你更喜欢哪一个?
是标准化的坐标网格:
还是梦幻的科技元素:
如果只看静态图片还是没有感觉,那就看下动态效果吧!
很炫酷,不是吗?下面就跟随我来实现科幻的数据曲线吧!
![f50ae7aa53718e14efb10f9e285fdccf.png](https://i-blog.csdnimg.cn/blog_migrate/11ccc2a53f63e7fec0e418d7f7017ced.png)
环境:Windows 7 + Qt 5.12.0
第一步 创建一个曲线图表注意:在安装Qt时请务必选择Qt Charts模块,不然该模块将无法使用。
首先创建一个Qt Quick Application - Empty应用,完成后修改main.qml文件如下:
import QtQuick 2.9
import QtQuick.Window 2.2
import QtCharts 2.3
Window {
visible: true
width: 800
height: 480
ChartView {
id: chartView
anchors.fill: parent
antialiasing: true
SplineSeries {
name: "SplineSeries"
XYPoint { x: 0; y: 0.0 }
XYPoint { x: 1.1; y: 3.2 }
XYPoint { x: 1.9; y: 2.4 }
XYPoint { x: 2.1; y: 2.1 }
XYPoint { x: 2.9; y: 2.6 }
XYPoint { x: 3.4; y: 2.3 }
XYPoint { x: 4.1; y: 3.1 }
}
}
}
但现在程序还无法运行,因为Qt Charts模块是基于Qt图形视图框架的,为了使用Qt Charts模块,还需要在main.cpp文件中将:
#include
修改为: