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

介绍

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

下载QtCharts源码和Perl编译器

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

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文件。 
    QtCharts编译(编译环境MSVC12)和VS2013配置QtCharts_第3张图片
  2. 构建项目 
    QtCharts编译(编译环境MSVC12)和VS2013配置QtCharts_第4张图片
  3. 部署项目 
    QtCharts编译(编译环境MSVC12)和VS2013配置QtCharts_第5张图片
    QtCharts编译(编译环境MSVC12)和VS2013配置QtCharts_第6张图片
  4. 部署完成 
    QtCharts编译(编译环境MSVC12)和VS2013配置QtCharts_第7张图片
    QtCharts编译(编译环境MSVC12)和VS2013配置QtCharts_第8张图片
    QtCharts编译(编译环境MSVC12)和VS2013配置QtCharts_第9张图片

安装QtCharts帮助文档

  1. Make参数输入:docs,之后重新部署项目。 
    QtCharts编译(编译环境MSVC12)和VS2013配置QtCharts_第10张图片
  2. 将目录E:\CPlusPlusLib\build-qtcharts-unknown-Release\doc中的文件拷贝到目录:C:\Qt\Qt5.5.1\Docs\Qt-5.5中。 
    QtCharts编译(编译环境MSVC12)和VS2013配置QtCharts_第11张图片
    QtCharts编译(编译环境MSVC12)和VS2013配置QtCharts_第12张图片
  3. 重启QtCreator,在帮助中搜索QtCharts. 
    QtCharts编译(编译环境MSVC12)和VS2013配置QtCharts_第13张图片

安装QtCharts的Eamples

  1. 将源代码目录:E:\CPlusPlusLib\qtcharts\examples中charts文件拷贝到Qt库目录C:\Qt\Qt5.5.1\Examples\Qt-5.5中。 
    QtCharts编译(编译环境MSVC12)和VS2013配置QtCharts_第14张图片
    QtCharts编译(编译环境MSVC12)和VS2013配置QtCharts_第15张图片
  2. 修改Qt\Qt5.5.1\Examples\Qt-5.5文件夹中examples.pro文件。 
    QtCharts编译(编译环境MSVC12)和VS2013配置QtCharts_第16张图片
  3. 重启QtCreator,在示例中输入charts,查看例子。 
    QtCharts编译(编译环境MSVC12)和VS2013配置QtCharts_第17张图片

在VS2013中配置QtCharts

  1. 打开VS2013新建Qt工程。 
    QtCharts编译(编译环境MSVC12)和VS2013配置QtCharts_第18张图片
  2. 新建QtChart属性表,将VC++目录和附加依赖项做如下修改 
    QtCharts编译(编译环境MSVC12)和VS2013配置QtCharts_第19张图片
    QtCharts编译(编译环境MSVC12)和VS2013配置QtCharts_第20张图片
  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. 编译运行结果 
    QtCharts编译(编译环境MSVC12)和VS2013配置QtCharts_第21张图片

你可能感兴趣的:(vs,qt,vs,qt)