QtCharts编译(编译环境MSVC12)和VS2013配置QtCharts

来源:互联网 发布:mac网络图 编辑:程序博客网 时间:2024/05/22 03:32

介绍

最近Qt将QtCharts图形窗口部件开源了,现在我们可以通过编译,配置出自己的开发环境,免费的使用QtCharts设计出多样的柱状图、折现图等。网络上都是一些针对MinGW+QtCreator编译,最终在QtCreator中使用的例子。对于Qt+VS用户来说,如何编译MSVC+QTCharts并配置QtCharts的相关资料还比较少。因此,笔者在向一位网友请教之后,决定写下这篇博文作为记录。 
这里写图片描述

下载QtCharts源码和Perl编译器

QtCharts下载地址(GitHub):https://github.com/qtproject/qtcharts 
本人提供下载好的QtChart和Perl编译器:http://pan.baidu.com/s/1qXe10KW 
提示:编译QtCharts之前,需要先安装Perl并且配置好,否则编译QtCharts时会出错!还需要QtCreator. 
这里写图片描述

Perl的安装

安装Perl可以选择默认路径,也可以指定到自己需要的路径。如何安装并且配置,百度经验讲的很详细,请查看下面链接:http://jingyan.baidu.com/article/9f7e7ec0b798ae6f281554e9.html?st=2&os=0&bd_page_type=1&net_type=1 
注意:配置好环境变量需要注销或重启系统。

编译QtCharts

  1. 解压出QtCharts,并用QtCreator打开qtcharts.pro文件。 
    这里写图片描述
  2. 构建项目 
    这里写图片描述
  3. 部署项目 
    这里写图片描述
    这里写图片描述
  4. 部署完成 
    这里写图片描述
    这里写图片描述
    这里写图片描述

安装QtCharts帮助文档

  1. Make参数输入:docs,之后重新部署项目。 
    这里写图片描述
  2. 将目录E:\CPlusPlusLib\build-qtcharts-unknown-Release\doc中的文件拷贝到目录:C:\Qt\Qt5.5.1\Docs\Qt-5.5中。 
    这里写图片描述
    这里写图片描述
  3. 重启QtCreator,在帮助中搜索QtCharts. 
    这里写图片描述

安装QtCharts的Eamples

  1. 将源代码目录:E:\CPlusPlusLib\qtcharts\examples中charts文件拷贝到Qt库目录C:\Qt\Qt5.5.1\Examples\Qt-5.5中。 
    这里写图片描述
    这里写图片描述
  2. 修改Qt\Qt5.5.1\Examples\Qt-5.5文件夹中examples.pro文件。 
    这里写图片描述
  3. 重启QtCreator,在示例中输入charts,查看例子。 
    这里写图片描述

在VS2013中配置QtCharts

  1. 打开VS2013新建Qt工程。 
    这里写图片描述
  2. 新建QtChart属性表,将VC++目录和附加依赖项做如下修改 
    这里写图片描述
    这里写图片描述
  3. 在源文件testqtcharts.cpp中添加如下代码
    QLineSeries *series = new QLineSeries();    series->append(0, 6);    series->append(2, 4);    series->append(3, 8);    series->append(7, 4);    series->append(10, 5);    *series << QPointF(11, 1) << QPointF(13, 3) << QPointF(17, 6) << QPointF(18, 3) << QPointF(20, 2);    QChart *chart = new QChart();    chart->legend()->hide();    chart->addSeries(series);    chart->createDefaultAxes();    chart->setTitle("Simple line chart example");    QChartView *chartView = new QChartView(chart);    chartView->setRenderHint(QPainter::Antialiasing);    setCentralWidget(chartView);
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  1. 编译运行结果 
    这里写图片描述

0 0
原创粉丝点击