在VS2013中使用QT Chart图表

在VS2013中使用QT Chart图表

1.前言

​ 最近在做项目的过程中需要用到图表控件,由于VS并不提供图表控件,自己能力有限也无法去写一个图表控件类,于是在度娘上浏览半天,查阅了相关资料,包括在codeproject上比较热门的High-Speed Control Chart、TeeChart以及Qt自带的Chart等控件,最后考虑到版权问题以及界面美化问题选择Qt自带的Chart控件,由于项目中的UI界面就是使用Qt编写的,因此省去了许多麻烦。下面开始介绍如何在VS2013中使用QT的Chart图表。

2.准备工作

首先,安装以下软件:

  1. VS2013.具体下载安装教程查看:VS2013安装与**
  2. Qt开发包,最好是qt5.9以上的版本,本篇教程以Qt5.9.1为例讲解,具体下载链接:Qt5.9.1下载
  3. Qt VS Tools插件。具体下载链接:QtVSTools插件下载

2.1QT VS TOOLS配准

将上述软件安装完成后,需要在VS2013中配置QtVSTools插件,具体过程如下:

首先,打开VS2013编程环境,可以在菜单栏中找到QTVSTOOLS,具体如下图所示:
在VS2013中使用QT Chart图表
然后点击QT VS TOOLS菜单下的Qt Options,然后将你的QT安装目录下的msvc2013所在的路径添加到Qt Options下,设置完后关闭VS2013。具体如下图所示:
在VS2013中使用QT Chart图表

2.2项目配置

完成QT VS TOOLS配准后,需要对创建的项目进行配置。具体过程如下:

首先,打开VS2013,然后点击新建项目,选择Qt GUI Application,如下图所示:
在VS2013中使用QT Chart图表
接着填写项目名称与存储路径,然后一路NXET,直到Finish。创建后的工程界面如下图所示:

在VS2013中使用QT Chart图表
然后在项目名上右键选择属性,进入属性页,然后选择VC++目录,分别设置包含目录库目录,具体路径设置见下图:

在VS2013中使用QT Chart图表
在VS2013中使用QT Chart图表
最后选择属性页中的链接器选项中的输入选项,具体如下图所示:

在VS2013中使用QT Chart图表
点击输入选项中的附加依赖项,往里面加入各个lib文件名,具体如下图所示。
在VS2013中使用QT Chart图表
然后点击确定按钮完成项目属性设置。

3.QtChart使用

完成第二步的配准后,可以开始绑定控件,进行Chart显示了。具体过程如下:

首先,打开ui文件,在designer中拖动一个widget控件,并提升窗口部件为QChartView,如下图所示:

在VS2013中使用QT Chart图表
在VS2013中使用QT Chart图表
然后,添加命名空间。由于ui_xxx.h文件是系统自动生成的,每一次添加新的控件并编译的时候就把你添加的信息给删除掉,这时我们可以添加到刚开始新建的文件中去,见下图:
在VS2013中使用QT Chart图表
注:若图中的命名空间无法使用,可以换另一个:using namespace QtCharts.

最后,在主程序的cpp文件中,添加以下测试代码进行运行验证。
在VS2013中使用QT Chart图表
自此,在VS2013中使用QT Chart的功能已实现。

4.参考博客

图文描述VS2015+Qt5.9.3使用QtChart的详细过程