qt画柱状图

用qt画了个很简单的柱状图,横坐标长度不变,个数越多,每个柱状图的宽度越窄。没什么难度,写过的就记录一下,以后可能用到类似的直接拿来用。

头文件

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QMap>

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = 0);
    ~MainWindow();

protected:
    void paintEvent(QPaintEvent *e);

private:
    int getMaxVal(QList<int> list);

private:
    QMap<QString, int> m_answerMap;
    QList<int> m_numList;
    QList<QString> m_answerStrList;
    int m_nPeopleCount;


};

#endif // MAINWINDOW_H

cpp文件

#include "mainwindow.h"
#include <QPainter>

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
{
    this->resize(500, 570);

    m_answerMap.insert("A", 2);
    m_answerMap.insert("ABCD", 1);
    m_answerMap.insert("AD", 3);
    m_answerMap.insert("BD", 10);
    m_answerMap.insert("AC", 2);
    m_answerMap.insert("BCD", 1);

    m_nPeopleCount = 0;

    m_answerStrList = m_answerMap.keys();
    m_numList = m_answerMap.values();
    foreach (int num, m_numList) {
        m_nPeopleCount += num;
    }

}

MainWindow::~MainWindow()
{

}

void MainWindow::paintEvent(QPaintEvent *e)
{
    QPainter painter(this);
    painter.setRenderHint(QPainter::Antialiasing, true);
    painter.setPen(Qt::NoPen);
    painter.setBrush(Qt::NoBrush);

    if(m_numList.isEmpty())
    {
        return;
    }

    painter.setPen(Qt::black);

    int lineWidth = 360;
    int lineX = this->width()/2 - lineWidth/2;
    int lineY = 402;
    painter.drawLine(lineX, lineY, lineX + lineWidth, lineY);

    int answerCount = m_answerStrList.count();
    int maxWidth = 41;
    int maxHeight = 280;

    int curWidth = maxWidth - (answerCount - 1)*3;
    int unitWidth = lineWidth/answerCount;

    //获取选项中值最大的那个,以这个为基准高度,来计算其他值的高度
    int maxVal = getMaxVal(m_numList);
    int unitHeight = 0;
    if(maxVal)
    {
        unitHeight = maxHeight/maxVal;
    }

    QFont ft;
    ft.setPixelSize(13);
    for(int i = 0; i < m_answerStrList.count(); ++i)
    {
        QString answerStr = m_answerStrList.at(i);
        int selectNum = m_numList.at(i);
        QString selectNumStr = QString::number(selectNum);

        int x = lineX + i*unitWidth + unitWidth/2 - curWidth/2;
        //绘制柱状图
        int GraphHight = selectNum*unitHeight;
        QRect r = QRect(x, lineY - GraphHight, curWidth, GraphHight);
        QPainterPath path;
        path.addRect(r);
        painter.fillPath(path, QColor(185, 185, 185));

        //绘制答案
        QFontMetrics metrics(ft);
        int charWitdh = metrics.width(answerStr);
        QRect answerRect;
/**     对比文字长度和柱状图的宽度,比柱状图宽的以文字的长度为基准会画,反之以
 *      柱状图的宽度来画,保证显示全并居中,下面的也是一样
 */
        if(charWitdh < curWidth)
        {
            answerRect = QRect(x, lineY, curWidth, 30);
        }
        else
        {
            answerRect = QRect(x - (charWitdh - curWidth)/2, lineY, charWitdh, 30);
        }
        painter.drawText(answerRect, Qt::AlignCenter, answerStr);

        //绘制每个选项对应的值
        QRect percentRect;
        charWitdh = metrics.width(selectNumStr);
        if(charWitdh < curWidth)
        {
            percentRect = QRect(x, lineY - GraphHight - 30, curWidth, 30);
        }
        else
        {
            percentRect = QRect(x - (charWitdh - curWidth)/2, lineY - GraphHight - 40, charWitdh, 30);
        }
        painter.drawText(percentRect, Qt::AlignCenter, selectNumStr);

    }
}

int MainWindow::getMaxVal(QList<int> list)
{
    qSort(list.begin(), list.end());
    return list.last();
}

 

好的,以下是一个用Qt绘制柱状图的示例代码: ```cpp #include <QApplication> #include <QWidget> #include <QPainter> class BarChart : public QWidget { public: BarChart(QWidget *parent = nullptr) : QWidget(parent) { setFixedSize(400, 300); } protected: void paintEvent(QPaintEvent *) override { QPainter painter(this); const int margin = 30; const int barWidth = (width() - 2 * margin) / m_values.size() - 10; const int maxValue = *std::max_element(m_values.begin(), m_values.end()); const int maxHeight = height() - 2 * margin; painter.setPen(Qt::black); painter.drawLine(margin, margin, margin, height() - margin); // y-axis painter.drawLine(margin, height() - margin, width() - margin, height() - margin); // x-axis for (int i = 0; i < m_values.size(); ++i) { int barHeight = static_cast<int>(m_values[i] * maxHeight / maxValue); int x = margin + i * (barWidth + 10); int y = height() - margin - barHeight; QRect rect(x, y, barWidth, barHeight); painter.fillRect(rect, Qt::blue); painter.drawRect(rect); } } public: void setValues(const std::vector<int>& values) { m_values = values; update(); } private: std::vector<int> m_values; }; int main(int argc, char *argv[]) { QApplication a(argc, argv); BarChart chart; chart.setValues({ 10, 20, 30, 40, 50 }); chart.show(); return a.exec(); } ``` 在示例代码中,我们继承了QWidget类,并重写了paintEvent函数进行绘图。我们使用QPainter类来绘制柱状图。在paintEvent函数中,我们首先绘制了x轴和y轴。然后,我们根据数据值绘制柱状图。为了让柱状图看起来更好,我们给每个柱子留出了一定的空白。最后,我们通过调用update函数来刷新界面,使柱状图显示出来。 你可以根据需要修改该示例代码以满足你的需求。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值