当Qt Charts遇上Qt Graphical Effects，梦幻科技曲线！

版权声明：本文原创于yafeilinux的CSDN博客，转载请注明出处：https://blog.csdn.net/yafeilinux/article/details/86029474

---

当使用图表时我们大多关心数据本身，而对于实现形式，一般会使用标准的样式。但是在一些场合，我们更关心数据的展示效果而不是数字本身。对于下面两张图片效果，你更喜欢哪一个？

是标准化的坐标网格：

还是梦幻的科技元素：

 

 

如果只看静态图片还是没有感觉，那就看下动态效果吧！

 

 

很炫酷，不是吗？下面就跟随我来实现科幻的数据曲线吧！

 

 

 

环境：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 }
            XYPo