简单粗暴使用Qt图表Qt Chart之barchart

新建widget应用：

在.pro中添加：QT += charts

然后绘制 ui 窗体，从 designer 的工具箱中选择一个 “Widget” 类型的控件，然后在它上面单击鼠标右键，选择 “提升为”。

在弹出的界面中，填写 “提升的类名称” 为: QChartView，头文件名称会自动生成，我们不用关心。然后单击“添加”按钮即可。


接着在.h中添加：
#include <QtCharts>

QT_CHARTS_USE_NAMESPACE

在.h中定义：
QChartView *chartView1;

复制Qt例程barchart部分代码

因为我们要建自己的ui,所以我们需要修改官方的例程，修改的红色这个：

复制例程代码，除了最后高亮显示的几个：

修改自己的程序：

将上述代码复制放到自己的构造函数中，同时修改以下红色的地方：

运行结果：

完整代码：

widget.h代码：

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QtCharts>
QT_CHARTS_USE_NAMESPACE

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();


private:
    Ui::Widget *ui;
    QChartView *chartView1;

};
#endif // WIDGET_H

widget.cpp代码：

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(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;
//![1]

//![2]
    QBarSeries *series = new QBarSeries();
    series->append(set0);
    series->append(set1);
    series->append(set2);
    series->append(set3);
    series->append(set4);

//![2]

//![3]
    QChart *chart = new QChart();
    chart->addSeries(series);
    chart->setTitle("Simple barchart example");
    chart->setAnimationOptions(QChart::SeriesAnimations);
//![3]

//![4]
    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);
//![4]

//![5]
    chart->legend()->setVisible(true);
    chart->legend()->setAlignment(Qt::AlignBottom);

    ui->widget->setChart(chart);

}

Widget::~Widget()
{
    delete ui;
}

ui界面：