Qt創建並顯示柱狀圖的方法

創建一個簡單的柱狀圖

第一步:創建一個QBarSet對象;QBarSet類代表條形圖中的一組條形。

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

第三步:創建一個QBarSeries對象,QBarSeries類將一系列數據顯示為按類別分組的豎線。

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

第四步:創建一個QChart用來裝QBarSeries對象;QChart是一個QGraphicsWidget,可以在QGraphicsScene中顯示。

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

第五步:創建一個QChartView來顯示表格

QChartView *chartView = new QChartView(chart);

第六步:將QChartView添加到一個主窗口然後顯示出來。

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

  然後我們運行就能看到下面這樣一個柱狀圖。

柱狀圖優化

  雖然我們已經成功的顯示出瞭一個條形圖,但是這樣看上去好像並不是很美觀,在實際應用中也會達不到我們想要的效果。然後我們再稍微給它優化一下。

首先給它添加一個坐標軸

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

  然後讓它把標簽數據顯示出來

series->setLabelsPosition(QAbstractBarSeries::LabelsInsideEnd);  //設置標簽顯示的位置
series->setLabelsVisible(true);  //設置數據標簽可見

  這樣我們就得到瞭下面這樣一個柱狀圖。

  然後我們可以給表格設置一個主題

chart->setTheme(QChart::ChartThemeBlueCerulean);

  可以把設置圖例的位置設置到下方

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

  最後看效果,這樣子看上去就好瞭很多對吧。

  最後,當我們想把圖表顯示到我們的佈局中去該怎麼顯示呢?

  當我們試圖把QChartView添加到一個QWidget上去時發現我們無法做到,這裡的話我們就需要借助QHBoxLayout瞭。

  就像下面這樣:

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

到此這篇關於Qt創建並顯示柱狀圖的方法的文章就介紹到這瞭,更多相關Qt 柱狀圖內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!

推薦閱讀: