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绘制柱状图并添加三角的方法。 首先,我们可以使用 `QPainter` 类来绘制柱状图。具体步骤如下: 1. 创建一个继承自 `QWidget` 的自定义控件。 2. 在 `paintEvent` 方法中创建一个 `QPainter` 对象。 3. 根据数据绘制柱状图。 4. 如果需要添加三角,可以使用 `QPolygonF` 类创建一个三角形的路径,然后使用 `QPainter` 的 `drawPolygon` 方法绘制出来。 下面是一个简单的代码示例,可以绘制一个简单的柱状图,并在顶部添加一个三角形: ```cpp void MyWidget::paintEvent(QPaintEvent *) { QPainter painter(this); painter.setRenderHint(QPainter::Antialiasing); // 绘制坐标轴 painter.drawLine(50, 250, 350, 250); painter.drawLine(50, 250, 50, 50); // 绘制柱状图 QVector<double> data = {20, 50, 80, 30, 70}; int spacing = 50; int width = 30; int x = 75; int y = 250; painter.setBrush(QBrush(Qt::blue)); for (int i = 0; i < data.size(); i++) { int height = data[i] * 2; painter.drawRect(x, y - height, width, height); x += spacing; } // 绘制顶部三角形 QPointF points[3] = { QPointF(150, 30), QPointF(165, 15), QPointF(180, 30) }; QPolygonF triangle(points, 3); painter.setBrush(QBrush(Qt::red)); painter.drawPolygon(triangle); } ``` 这里我们绘制了一个数据为 {20, 50, 80, 30, 70} 的柱状图,每个柱子之间的间距为 50,每个柱子的宽度为 30。在顶部添加了一个红色的三角形。您可以根据实际需求调整柱状图和三角形的位置和大小。 希望这个例子能够帮助到您!
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值