Qt 2D数据可视化之QCharts

点击上方蓝字可直接关注！方便下次阅读。如果对你有帮助，可以点个在看，让它可以帮助到更多的同志~

Qt Charts 在Qt4时代就有了，不过一直以来是商业许可的。QCharts可以在社区版使用后，Qt画图再也不用需要配置第三方的qcustomplot和qwt插件了，QCharts功能比两者都好，且易用安装和使用。从5.7.0开始，Qt Charts 也纳入了开放许可证。

 

安装时记得勾选QCharts模块。下方是3D可视化模块，下次有机会再分享。

 

Demo平台：Win10、 Qt 5.12.1、 MinGW 7.3.0 64-bit

1  pro中添加charts模块

QT       += charts

 

2. 头文件与命名空间设置

    #include <QtCharts>

 

    using namespace QtCharts;

    //QT_CHARTS_USE_NAMESPACE

    也可以通过宏定义进行设置

 

3. 程序源码

 

程序就是Qt文档的源码，文档中是在MainWindow中显示的，我是在Widget中加了一个布局显示的。

girdLayoutChart = new QGridLayout(this);


    QBarSet *set0 = new QBarSet("Jane");
    QBarSet *set1 = new QBarSet("John");
    QBarSet *set2 = new QBarSet("Axel");
    QBarSet *set3 = new QBarSet("Mary");
    QBarSet *set4 = new QBarSet("Samantha");


    *set0 << 1 << 2 << 3 << 4 << 5 << 6;
    *set1 << 5 << 0 << 0 << 4 << 0 << 7;
    *set2 << 3 << 5 << 8 << 13 << 8 << 5;
    *set3 << 5 << 6 << 7 << 3 << 4 << 5;
    *set4 << 9 << 7 << 5 << 3 << 1 << 2;


    QBarSeries *series = new QBarSeries();
    series->append(set0);
    series->append(set1);
    series->append(set2);
    series->append(set3);
    series->append(set4);


    QChart *chart = new QChart();
    chart->addSeries(series);   //加入柱状图
    chart->setTitle("Simple barchart example");
    chart->setAnimationOptions(QChart::SeriesAnimations);


    QStringList categories;
    categories << "Jan" << "Feb" << "Mar" << "Apr" << "May" << "Jun";
    QBarCategoryAxis *axisX = new QBarCategoryAxis();
    axisX->append(categories);
    chart->addAxis(axisX, Qt::AlignBottom);
    series->attachAxis(axisX);


    QValueAxis * axisY = new QValueAxis();
    axisY->setRange(0,15);
    chart->addAxis(axisY,Qt::AlignLeft);
    series->attachAxis(axisY);


    chart->legend()->setVisible(true);
    chart->legend()->setAlignment(Qt::AlignBottom);


    QChartView *chartView = new QChartView(chart);
    chartView->setRenderHint(QPainter::Antialiasing);


//布局中加入窗体
    girdLayoutChart->addWidget(chartView);

运行效果：

4. 更多示例

https://doc.qt.io/qt-5/qtcharts-examples.html

5. 小结

Qt 2D数据可视化方面多提供一种思路。

欢迎关注公众号：