qt中qtcharts画柱状图_当Qt Charts遇上Qt Graphical Effects，梦幻科技曲线！

点击标题下「蓝色微信名」可快速关注

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

是标准化的坐标网格：

还是梦幻的科技元素：

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

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

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

修改为：