QT使用QChart繪制柱狀圖

更新時間：2024年11月19日 10:32:38 作者：姆路

在Qt中使用QChart類可以快速繪制一個圖表出來,比如折線圖、餅圖、柱狀圖等,本文就來為大家介紹一下如何利用QChart繪制簡單的柱狀圖吧

繪制條形（柱狀）圖，系列選擇條形系列QBarSeries

x軸選擇條形圖的種類軸QBarCategoryAxis

1、創(chuàng)建圖表視圖

//1、創(chuàng)建圖表視圖
QChartView * view = new QChartView(this);
//開啟抗鋸齒
view -> setRenderHint(QPainter::Antialiasing);

2、創(chuàng)建圖表，并將圖表設置給視圖，設置圖表的一些屬性

//2.創(chuàng)建圖表
QChart * chart = new QChart();
 
//3.將圖表設置給視圖
view -> setChart(chart);
 
//設置標題
chart -> setTitle("條形圖");
chart -> legend() -> show(); //顯示或者隱藏圖例（默認顯示）

3、創(chuàng)建X軸（使用條形圖的種類軸QBarCategoryAxis）和Y軸，并添加到圖表中

//構建x軸,條形圖使用種類軸
QBarCategoryAxis * axisX = new QBarCategoryAxis(this);
axisX -> append({
    "2020",
    "2021",
    "2022"
}); //添加x軸上的種類刻度
 
//構建y軸，使用數值軸
QValueAxis * axisY = new QValueAxis(this);
axisY -> setRange(0, 200);
 
chart -> addAxis(axisX, Qt::AlignBottom);
chart -> addAxis(axisY, Qt::AlignLeft);

4、創(chuàng)建條形系列QBarSeries，設置其相關屬性，

并添加條形集合，在條形集合中追加每一個種類對應的值

可以添加多個條形集合，若有多個，則每一個種類對應的條形就有多個

并設置條形集合的一些屬性

//創(chuàng)建條形系列
QBarSeries * bar = new QBarSeries(this);
bar -> setLabelsVisible(true); //設置標簽可見
bar -> setLabelsFormat("@value%"); //改變每一個條形里面的標簽，@value表示每一個條形的y值
//bar->setBarWidth(0.1);//設置條形的寬度  取值是一個系數，小于0變窄 大于0變寬
 
//每一個數據集可以有多個數據
QBarSet * bs1 = new QBarSet("C語言"); //參數為圖例
bs1 -> append(20); //對應x：2020
bs1 -> append(30); //對應x：2021
bs1 -> append(40); //對應x：2022
//給條形圖添加數據集
bar -> append(bs1);
 
//添加第二組數據集,則同一個x處有兩個條形
QBarSet * bs2 = new QBarSet("C++"); //圖例
bs2 -> append(120);
bs2 -> append(130);
bs2 -> append(140);
bar -> append(bs2);
 
//設置條形圖的樣式 QBarSet的方法
bs2 -> setBrush(Qt::red); //設置條形的填充
bs2 -> setLabelColor(Qt::black); //設置標簽的顏色
bs2 -> setBorderColor((Qt::green)); //設置條形的邊框顏色
bs2 -> setLabel("你好"); //設置圖例的內容
//bs2->setPen();

5、將條形系列QBarSeries添加到圖表中，并和XY軸進行關聯(lián)

//添加系列
chart -> addSeries(bar);
//將軸附加到系列
bar -> attachAxis(axisX);
bar -> attachAxis(axisY);

完整代碼

#ifndef WIDGET_H
#define WIDGET_H
 
#include <QWidget>
#include<QtCharts>
#include<QHBoxLayout>
#include<QPieSlice>
#include<QPieSeries>
#include<QBarSeries>
#include<QBarSet>
#include<QAreaSeries>
 
 
class Widget : public QWidget
{
    Q_OBJECT
 
public:
    Widget(QWidget *parent = nullptr) : QWidget(parent)
    {
        resize(800,600);
        QHBoxLayout* h_box=new QHBoxLayout(this);
 
        drawBarPic();
 
    }
    ~Widget()=default;
 
 
    //畫條形圖（柱狀圖）
    void drawBarPic()
    {
        //1、創(chuàng)建圖表視圖
        QChartView* view=new QChartView(this);
        //開啟抗鋸齒
        view->setRenderHint(QPainter::Antialiasing);
 
        this->layout()->addWidget(view);
 
        //2.創(chuàng)建圖表
        QChart* chart=new QChart();
 
        //3.將圖表設置給視圖
        view->setChart(chart);
 
        //設置標題
        chart->setTitle("條形圖");
        chart->legend()->show();//顯示或者隱藏圖例（默認顯示）
 
 
        //構建x軸,條形圖使用種類軸
        QBarCategoryAxis* axisX=new QBarCategoryAxis(this);
        axisX->append({"2020","2021","2022"});//添加x軸上的種類刻度
 
        //構建y軸，使用數值軸
        QValueAxis* axisY=new QValueAxis(this);
        axisY->setRange(0,200);
 
        chart->addAxis(axisX,Qt::AlignBottom);
        chart->addAxis(axisY,Qt::AlignLeft);
 
 
        //創(chuàng)建條形系列
        QBarSeries* bar=new QBarSeries(this);
        bar->setLabelsVisible(true);//設置標簽可見
        bar->setLabelsFormat("@value%");//改變每一個條形里面的標簽
        //bar->setBarWidth(0.1);//設置條形的寬度  取值是一個系數，小于0變窄 大于0變寬
 
        //每一個數據集可以有多個數據
        QBarSet* bs1=new QBarSet("C語言");//參數為圖例
        bs1->append(20);//對應x：2020
        bs1->append(30);//對應x：2021
        bs1->append(40);//對應x：2022
        //給條形圖添加數據集
        bar->append(bs1);
 
        //添加第二組數據集,則同一個x處有兩個條形
        QBarSet* bs2=new QBarSet("C++");//圖例
        bs2->append(120);
        bs2->append(130);
        bs2->append(140);
        bar->append(bs2);
 
        //設置條形圖的樣式 QBarSet的方法
        bs2->setBrush(Qt::red);//設置條形的填充
        bs2->setLabelColor(Qt::black);//設置標簽的顏色
        bs2->setBorderColor((Qt::green));//設置條形的邊框顏色
        bs2->setLabel("你好");//設置圖例的內容
        //bs2->setPen();
 
 
        //添加系列
        chart->addSeries(bar);
        //將軸附加到系列
        bar->attachAxis(axisX);
        bar->attachAxis(axisY);
 
    }
 
};
#endif // WIDGET_H

到此這篇關于QT使用QChart繪制柱狀圖的文章就介紹到這了,更多相關QT QChart繪制柱狀圖內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: