WIN10 64位专业版下Qt5.6.0mingw版本安装Charts(含demo)



  • 本文首先感谢QtQQ群《上海Qt开发联盟 279906625》的群友,感谢群里“【软件】菜菜鸟”的指导。感谢大家的无私奉献。
    欢迎大家加入Qt《上海Qt开发联盟 279906625》。本文提到的Chart源码,在群文件里面搜索chart关键字可以获得。
    如果没有加入这个大家庭,可以下载我上传的https://yunpan.cn/cYprcINP5rGU5 访问密码 541e。
    以下为步骤:
    本人是win10 64位专业版,Qt版本为5.6.0mingw版本,以下路径皆为本人安装路径,如果涉及到读者自己安装,请更改为自己的路径。另外记得安装Perl。
    ①:解压chart源码到E:\Qt\qtcharts
    ②:使用安装Qt集成的“Qt 5.6 for Desktop (MinGW 4.9.2 32 bit)”,cd进入到E:\Qt\qtcharts
    ③:使用命令qmake CONFIG+="debug_and_release build_all"
    ④:使用命令mingw32-make,大约几十分钟后,等待编译结束,使用命令mingw32-make install
    ⑤:这时候,你就可以打开E:\Qt\qtcharts\examples目录下的pro文件,运行charts的例子了。
    ⑥:如果你要自己写QWidgets项目使用chart控件,在QtCreator创建一个带.ui文件的项目,双击它,拖入一个Graphics View空间,右键“提升为”,在“提升的类名称”输入QChartView点添加→提升。
    ⑦:在pro文件里面添加 QT += charts
    ⑧:在.h文件里面添加
    #include "QtCharts"
    using namespace QtCharts;
    ⑨:在.cpp文件的ui构造函数里面添加以下代码,然后运行
    QLineSeries *poSeries = new QLineSeries;
    for(qint32 i = 0 ;i < 20; i++)
    {
    poSeries->append(i, rand()%1000);
    }
    QChart *poChart = new QChart;
    poChart->setTitle("Sample");
    poChart->addSeries(poSeries);
    poChart->createDefaultAxes();
    ui->chartView->setChart(poChart);
    ui->chartView->show();
    ⑩:以下是运行结果
    0_1458612499358_upload-941a2c18-6665-4386-b89d-6a73a2cda928

        如果想看更多的效果,可以运行 E:\Qt\qtcharts\examples 下的pro文件,看chart官方例子的效果。这就就不贴例子的运行效果了。
        如果想写出各种别的效果,请查找官方文档和官方例子作为参考。


  • 37_1458740162270_QQ截图20160323003243.png 36_1458740162269_QQ截图20160323003045.png 35_1458740162269_QQ截图20160323002738.png 34_1458740162268_QQ截图20160323002432.png 33_1458740162268_QQ截图20160323002102.png 32_1458740162268_QQ截图20160323000528.png 31_1458740162268_QQ截图20160322235811.png 30_1458740162267_QQ截图20160322235522.png 29_1458740162267_QQ截图20160322235256.png 28_1458740162267_QQ截图20160322235024.png 27_1458740162267_QQ截图20160322234752.png 26_1458740162267_QQ截图20160322234519.png 25_1458740162266_QQ截图20160322234228.png 24_1458740162266_QQ截图20160322233932.png 23_1458740162266_QQ截图20160322233629.png 22_1458740162266_QQ截图20160322233325.png 21_1458740162266_QQ截图20160322233039.png 20_1458740162266_QQ截图20160322232829.png 19_1458740162265_QQ截图20160322232519.png 18_1458740162265_QQ截图20160322232204.png 17_1458740162265_QQ截图20160322231857.png 16_1458740162265_QQ截图20160322231452.png 15_1458740162264_QQ截图20160322231041.png 14_1458740162264_QQ截图20160322230831.png 13_1458740162264_QQ截图20160322230651.png 12_1458740162263_QQ截图20160322230509.png 11_1458740162263_QQ截图20160322230349.png 10_1458740162263_QQ截图20160322230240.png 9_1458740162263_QQ截图20160322230113.png 8_1458740162262_QQ截图20160322225947.png 7_1458740162262_QQ截图20160322225843.png 6_1458740162262_QQ截图20160322225629.png 5_1458740162262_QQ截图20160322225530.png 4_1458740162261_QQ截图20160322225426.png 3_1458740162261_QQ截图20160322225325.png 2_1458740162261_QQ截图20160322225221.png 1_1458740162260_QQ截图20160322225114.png 0_1458740162260_QQ截图20160322224928.png



  • 我运行了所有QWidget的例子,大家可以参考一下,很不错呢~



  • @大神 不愧是QtCharts,看起来真的非常舒服。
    哪天我也在我的项目中尝试一下。应该十分享受,使用它们的话。



  • good job~ (^__^) awesome



  • Mark! 不错,申请入群了



  • 找到qt官方 code review地址了,上面有最新版,会用git的可以这里取

    git clone https://codereview.qt-project.org/qt/qtcharts
    


  • @flywuya 棒棒哒



  • 谢谢楼主分享,mark一下,以后说不定会用到


 

走马观花

最近的回复

  • @bladesero Blender 在角色建模和渲染这些方面的确比较强。😄

    我们的软件还在发展中呢。
    18da2116-2055-47c1-8317-1ccde17dfcc0-image.png

    阅读更多
  • untitled.jpg figure角色(WIP2).jpg
    TIM截图20190117184210.png
    使用的软件是blender,zbrush和substance painter

    阅读更多
  • 背景:如果需要qml显示循环list,一般是用3个ListView循环交替,实现伪循环,期间逻辑复杂,容易出错,PathView本身自带循环,所以考虑用PathView实现循环

    设计:PathView显示5条数据,按照垂直List一个个排好顺序,由于收尾移动时候会空白穿帮,所以用clip控制显示中间三条数据

    滚动控制:currentIndex,decrementCurrentIndex(),incrementCurrentIndex()

    代码:

    Item{ id: item1 property int myIndex: 0 property int onePageCount: 3 property real oneHeight: 72 property real oneWidth: 580 property int isCurrentListView: 1 //0,1,2 property bool isAdd: true //direction,down=true,up=false property int hightlightIndex: 0 property int currentIndexPathView: 0 //use this Item{ id: itemClip width: item1.oneWidth height: item1.oneHeight*3 clip: true PathView { id: listView1 width: item1.oneWidth model: listModelSpeedWarning delegate: delegeteLine pathItemCount: item1.onePageCount+2 interactive: false path: Path { startX: item1.oneWidth/2 startY: -item1.oneHeight/2 PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*0+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*0+item1.oneHeight/2 } PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*1+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*1+item1.oneHeight/2 } PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*2+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*2+item1.oneHeight/2 } PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*3+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*3+item1.oneHeight/2 } PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*4+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*4+item1.oneHeight/2 } } Component.onCompleted: { listView1.currentIndex = -1 } } } }

    问题:windows下测试,按住按键不松手,list滚动会卡住,松手后恢复正常,看来list不能滚动太快

    阅读更多
  • H

    @青山白云 只是为了替换GIF,不过目前已经解决加载问题

    阅读更多

关注我们

微博
QQ群











召唤伊斯特瓦尔