Qt扫盲-Bar柱状图理论

一、QAbstractBarSeries

QAbstractBarSeries类是所有bar类的抽象父类。其实也就是 QBarSerie 、QPercentBarSeries、QStackedBarSeries 的父类，以及对应的水平柱状图 QHorizontalBarSeries、QHorizontalPercentBarSeries、QHorizontalStackedBarSeries

在柱状图中，柱状序列（QAbstractBarSeries的子类）被定义为每个类别包含一个数据值的柱状集（QBarSerie）。

其实也就是说 QAbstractBarSeries 来管理着 QBarSet 这个具体显示一个柱状图里面的多个集合。其实可以理解，至少有一个 QBarSet 存在才能显示出图表里面的内容。

柱状的位置由类别指定，高度由数据值指定。包含多个柱状集的柱状系列将属于同一类别的柱状组合在一起。柱状图显示的方式由创建柱状图的类QAbstractBarSeries的子类决定。

如果使用QValueAxis而不是QBarCategoryAxis作为主柱状轴，柱状将围绕类别的索引值进行分组。这个分组的依据就是按照那个QList的索引顺序分类的。

1. 常用设置

QAbstractBarSeries 管理着整个柱状图的 一个 Label 属性，这个其实就和WPS 里面画图的那个标签一样，这个可以设置他的位置，这个标签的旋转角度，以及显示格式，显示精度等等，注意就是设置这些属性后，一定要设置标签可见，不然的话标签就设置是失败的。

• isLabelsVisible() const
• labelsAngle() const
• labelsFormat() const
• labelsPosition() const
• labelsPrecision() const

2. 管理 BarSet

这里就是管理 QBarSet 的工具类了，虽然QAbstractBarSeries没有给我们提供控制哪一个QBarSet 的显示隐藏，但是我们可以利用下面的 这些管理类，自己用一个QList容器来管理那些 QBarSet 需要放在 QAbstractBarSeries 里面，QList 的索引其实刚好和 QAbstractBarSeries 也一致。就和坐标轴的能对上啦。

• append(QBarSet *set)
• append(QList sets)
• barSets() const
• barWidth() const
• clear()
• count() const
• insert(int index, QBarSet *set)
• remove(QBarSet *set)
• take(QBarSet *set)

基本上因为基类相同，后面写的代码基本上是一致的。

二、QBarSerie 和 QHorizontalBarSeries

QBarSerie 其实就是垂直的柱状图，QHorizontalBarSeries 其实就是 水平柱状图。

具体的功能其实 QAbstractBarSeries 已经完全包括啦。

具体的效果如下：

1. 垂直柱状图

barset在所有barchart中都以相同的方式使用。为了说明各种柱状图之间的差异，我们在示例中使用相同的数据。柱状图可视化的数据是由QBarSet实例定义的。在这里，我们创建了集合并向其中添加数据。这里使用<<操作符添加数据。另外，也可以使用append方法。

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;

我们创建了这个序列，并将barsets添加到其中。巴塞家的所有权归剧集所有。该系列将数据从集合分组到类别。每个集合的第一个值按第一类分组，第二个值按第二类分组，以此类推。

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

在这里，我们创建chart对象并将序列添加到其中。我们用setTitle设置图表的标题，然后调用setAnimationOptions(QChart::SeriesAnimations)来打开系列动画。

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

为了在坐标轴上显示类别，我们需要为此创建一个QBarCategoryAxis。在这里，我们创建了一个类别轴，其中包含一个类别列表，并将其设置为与底部对齐，作为x轴，并将其附加到序列上。图表拥有坐标轴的所有权。对于y轴，我们使用值轴，与左侧对齐。

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);

我们还想显示图例。为此，我们从图表中获取图例指针并将其设置为可见。我们还将图例的对齐方式设置为Qt::AlignBottom，从而将图例放置到图表的底部。

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

最后，我们将图表添加到视图中。我们还打开了chartView的反走样功能。

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

图表已经准备好了。我们将图表设置为窗口的中心部件。我们还设置了图表窗口的大小并显示它。

QMainWindow window;
window.setCentralWidget(chartView);
window.resize(420, 300);
window.show();

2. 水平柱状图

在所有柱状图中使用条形集的方式相同。为了说明各种柱状图之间的差异，我们在所有示例中使用相同的数据。柱状图可视化的数据由QBarSet实例定义。在这里，我们创建了集合并向其中添加数据。这里使用<<操作符添加数据。另外，也可以使用append方法。

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;

我们创建了这个序列，并将条形集附加到它。巴塞家的所有权归剧集所有。该系列将数据从集合分组到类别。每个集合的第一个值归为第一类;第二类中的第二个值，以此类推。

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

在这里，我们创建chart对象并将序列添加到其中。我们用setTitle设置图表的标题，然后调用setAnimationOptions(QChart::SeriesAnimations)来打开动画。

     QChart *chart = new QChart();
chart->addSeries(series);
chart->setTitle("Simple horizontal barchart example");
chart->setAnimationOptions(QChart::SeriesAnimations);

为了在坐标轴上显示类别，我们需要为此创建一个QBarCategoryAxis。在这里，我们创建了一个包含类别列表的类别轴，并将其设置为左侧对齐，充当y轴，并将其附加到序列上。图表拥有坐标轴的所有权。对于x轴，我们使用一个与底部对齐的值轴。

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

我们还想显示图例。为此，我们从图表中获取图例指针并将其设置为可见。我们还将图例的对齐方式设置为Qt::AlignBottom，从而将图例放置到图表的底部。

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

最后，我们将图表添加到视图中。我们还打开了chartView的反走样功能。

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

图表已经准备好了。我们将图表设置为窗口的中心部件。我们还设置了图表窗口的大小并显示它。

QMainWindow window;
window.setCentralWidget(chartView);
window.resize(420, 300);
window.show();

二、QPercentBarSeries 和 QHorizontalPercentBarSeries

QPercentBarSeries 其实就是一个比例图，就是每一个所占的比例，当然啦，最好是吧 Label 给设置好，不然看不出来啥东西，就只知道是一个大概的比例，QHorizontalPercentBarSeries其实就是 水平比例柱状图，就是第二个图。

1. 垂直比例图

barset在所有barchart中都以相同的方式使用。为了说明各种条形图之间的差异，我们在所有示例中使用相同的数据。条形图可视化的数据由QBarSet实例定义。在这里，我们创建了集合并向其中添加数据。这里使用<<操作符添加数据。另外，也可以使用append方法。

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;

我们创建了这个序列，并将barsets添加到其中。巴塞家的所有权归剧集所有。该系列将数据从集合分组到类别。每个集合的第一个值归为第一类，第二个值归为第二类，以此类推。

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

在这里，我们创建chart对象并将序列添加到其中。我们用setTitle设置图表的标题，然后调用setAnimationOptions(QChart::SeriesAnimations)来打开系列动画。

QChart *chart = new QChart();
chart->addSeries(series);
chart->setTitle("Simple percentbarchart example");
chart->setAnimationOptions(QChart::SeriesAnimations);

要在一个轴上显示类别，我们需要首先创建一个QBarCategoryAxis。在这里，我们创建了一个包含类别列表的类别轴，并将其添加到与底部对齐的图表中，充当x轴。图表拥有坐标轴的所有权。对于y轴，我们使用值轴，与左侧对齐。

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();
chart->addAxis(axisY, Qt::AlignLeft);
series->attachAxis(axisY);

我们还想显示图例。为此，我们从图表中获取图例指针并将其设置为可见。我们还将图例的对齐方式设置为Qt::AlignBottom，从而将图例放置在图表的底部。

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

最后，我们将图表添加到视图中。我们还打开了chartView的反走样功能。

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

图表已经准备好了。我们将图表设置为窗口的中心部件。我们还设置了图表窗口的大小并显示它。

QMainWindow window;
window.setCentralWidget(chartView);
window.resize(420, 300);
window.show();

2. 水平比例图

barset在所有barchart中都以相同的方式使用。为了说明各种柱状图之间的差异，我们在示例中使用相同的数据。柱状图可视化的数据是由QBarSet实例定义的。在这里，我们创建了集合并向其中添加数据。这里使用<<操作符添加数据。另外，也可以使用append方法。

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;

我们创建了这个序列，并将条形集附加到它。巴塞家的所有权归剧集所有。该系列将数据从集合分组到类别。每个集合的第一个值归为第一类，第二个值归为第二类，以此类推。

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

在这里，我们创建chart对象并将序列添加到其中。我们用setTitle设置图表的标题，然后调用setAnimationOptions(QChart::SeriesAnimations)来打开系列动画。

QChart *chart = new QChart();
chart->addSeries(series);
chart->setTitle("Simple horizontal percent barchart example");
chart->setAnimationOptions(QChart::SeriesAnimations);

要在一个轴上显示类别，我们需要首先创建一个QBarCategoryAxis。在这里，我们创建了一个包含类别列表的类别轴，并将其添加到左侧的图表中，充当y轴。图表拥有坐标轴的所有权。对于x轴，我们使用一个与底部对齐的值轴。

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

我们还想显示图例。为此，我们从图表中获取图例指针并将其设置为可见。我们还将图例的对齐方式设置为Qt::AlignBottom，从而将图例放置在图表的底部。

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

最后，我们将图表添加到视图中。我们还打开了chartView的反走样功能。

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

图表已经准备好了。我们将图表设置为窗口的中心部件。我们还设置了图表窗口的大小并显示它。

QMainWindow window;
window.setCentralWidget(chartView);
window.resize(420, 300);
window.show();

三、QStackedBarSeries 和 QHorizontalStackedBarSeries

这个和 QPercentBarSeries 其实基本上是一样的，只不过是 QStackedBarSeries 不是比例而已，这个QStackedBarSeries 是没有比例而已。也是有水平和垂直的形式的。

1. 垂直堆栈图

barset在所有barchart中都以相同的方式使用。为了说明各种条形图之间的差异，我们在所有示例中使用相同的数据。条形图可视化的数据是由QBarSet实例定义的。在这里，我们创建了集合并向其中添加数据。这里使用<<操作符添加数据。另外，也可以使用append方法。

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;

我们创建了这个序列，并将barsets添加到其中。巴塞家的所有权归剧集所有。该系列将数据从集合分组到类别。每个集合的第一个值归为第一类，第二个值归为第二类，以此类推。

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

在这里，我们创建chart对象并将序列添加到其中。我们用setTitle设置图表的标题，然后调用setAnimationOptions(QChart::SeriesAnimations)来打开动画。

QChart *chart = new QChart();
chart->addSeries(series);
chart->setTitle("Simple stackedbarchart example");
chart->setAnimationOptions(QChart::SeriesAnimations);

要在一个轴上显示类别，我们需要首先创建一个QBarCategoryAxis。在这里，我们创建了一个包含类别列表的类别轴，并将其添加到对齐到底部的图表中，充当x轴。图表拥有坐标轴的所有权。对于y轴，我们使用值轴，与左侧对齐。

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();
chart->addAxis(axisY, Qt::AlignLeft);
series->attachAxis(axisY);

我们还想显示图例。为此，我们从图表中获取图例指针并将其设置为可见。我们还将图例的对齐方式设置为Qt::AlignBottom，从而将图例放置到图表的底部。

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

最后，我们将图表添加到视图中。我们还打开了chartView的反走样功能。

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

图表已经准备好了。我们将图表设置为窗口的中心部件。我们还设置了图表窗口的大小并显示它。

QMainWindow window;
window.setCentralWidget(chartView);
window.resize(420, 300);
window.show();

2. 水平堆栈图

在所有条形图中使用条形集的方式相同。为了说明各种条形图之间的差异，我们在所有示例中使用相同的数据。barchart可视化的数据是由QBarSet实例定义的。在这里，我们创建了集合并向其中添加数据。这里使用<<操作符添加数据。另外，也可以使用append方法。

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;

我们创建了这个序列，并将条形集附加到它。该系列拥有酒吧集合的所有权。该系列将数据从集合分组到类别。每个集合的第一个值归为第一类，第二个值归为第二类，以此类推。

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

在这里，我们创建chart对象并将序列添加到其中。我们用setTitle设置图表的标题，然后调用setAnimationOptions(QChart::SeriesAnimations)来打开动画。

QChart *chart = new QChart();
chart->addSeries(series);
chart->setTitle("Simple horizontal stacked barchart example");
chart->setAnimationOptions(QChart::SeriesAnimations);

要在一个轴上显示类别，我们需要首先创建一个QBarCategoryAxis。在这里，我们创建了一个包含类别列表的类别轴，并将其添加到左侧的图表中，充当y轴。图表拥有坐标轴的所有权。对于x轴，我们使用一个与底部对齐的值轴。

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

我们还想显示图例。为此，我们从图表中获取图例指针并将其设置为可见。我们还将图例的对齐方式设置为Qt::AlignBottom，从而将图例放置到图表的底部。

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

最后，我们将图表添加到视图中。我们还打开了chartView的反走样功能。

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

图表已经准备好了。我们将图表设置为窗口的中心部件。我们还设置了图表窗口的大小并显示它。

QMainWindow window;
window.setCentralWidget(chartView);
window.resize(420, 300);
window.show();