快捷導(dǎo)航

Qt創(chuàng)建并顯示柱狀圖的方法

更新時(shí)間：2021年05月20日 15:59:06 作者：我不是微光

Qt Charts 模塊提供了一套易于使用的圖表組件，本文主要介紹了Qt創(chuàng)建并顯示柱狀圖，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

創(chuàng)建一個(gè)簡(jiǎn)單的柱狀圖

第一步：創(chuàng)建一個(gè)QBarSet對(duì)象；QBarSet類代表?xiàng)l形圖中的一組條形。

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

　　這樣的話相當(dāng)于我們創(chuàng)建了五個(gè)條組，也就是說會(huì)有五組數(shù)據(jù)。

第二步：接下來為這五個(gè)條組添加數(shù)據(jù)

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

第三步：創(chuàng)建一個(gè)QBarSeries對(duì)象，QBarSeries類將一系列數(shù)據(jù)顯示為按類別分組的豎線。

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

第四步：創(chuàng)建一個(gè)QChart用來裝QBarSeries對(duì)象；QChart是一個(gè)QGraphicsWidget，可以在QGraphicsScene中顯示。

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

第五步：創(chuàng)建一個(gè)QChartView來顯示表格

QChartView *chartView = new QChartView(chart);

第六步：將QChartView添加到一個(gè)主窗口然后顯示出來。

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

　　然后我們運(yùn)行就能看到下面這樣一個(gè)柱狀圖。

柱狀圖優(yōu)化

　　雖然我們已經(jīng)成功的顯示出了一個(gè)條形圖，但是這樣看上去好像并不是很美觀，在實(shí)際應(yīng)用中也會(huì)達(dá)不到我們想要的效果。然后我們?cè)偕晕⒔o它優(yōu)化一下。

首先給它添加一個(gè)坐標(biāo)軸

QStringList categories;
categories << "Jan" << "Feb" << "Mar" << "Apr" << "May" << "Jun";  //保存橫坐標(biāo)字符串的列表
QBarCategoryAxis *axis = new QBarCategoryAxis();
axis->append(categories);
chart->createDefaultAxes();  //創(chuàng)建一個(gè)默認(rèn)的坐標(biāo)軸
chart->setAxisX(axis, series);　　//設(shè)置X坐標(biāo)軸

　　然后讓它把標(biāo)簽數(shù)據(jù)顯示出來

series->setLabelsPosition(QAbstractBarSeries::LabelsInsideEnd);  //設(shè)置標(biāo)簽顯示的位置
series->setLabelsVisible(true);  //設(shè)置數(shù)據(jù)標(biāo)簽可見

　　這樣我們就得到了下面這樣一個(gè)柱狀圖。

　　然后我們可以給表格設(shè)置一個(gè)主題

chart->setTheme(QChart::ChartThemeBlueCerulean);

　　可以把設(shè)置圖例的位置設(shè)置到下方

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

　　最后看效果，這樣子看上去就好了很多對(duì)吧。

　　最后，當(dāng)我們想把圖表顯示到我們的布局中去該怎么顯示呢？

　　當(dāng)我們?cè)噲D把QChartView添加到一個(gè)QWidget上去時(shí)發(fā)現(xiàn)我們無法做到，這里的話我們就需要借助QHBoxLayout了。

　　就像下面這樣：

//...
QWidget *widget = new QWidget();
QHBoxLayout m_pHLayout = new QHBoxLayout();
m_pHLayout->addWidget(chartView);
widget->setLayout(m_pHLayout);
//...

到此這篇關(guān)于Qt創(chuàng)建并顯示柱狀圖的方法的文章就介紹到這了,更多相關(guān)Qt 柱狀圖內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: