QChart笔记4:动态显示Linux内存曲线实例

书接上文。通过前几篇笔记我们已经可以画动态的图像，现在来个实际的应用。上图是Ubuntu下系统监视器的部分截图，其中红色的线表示使用内存占比，绿色的表示交换空间。这里我们模拟一下红色的线.

看起来好像不难啊，我开始也是这么觉得的。

首先，y轴从左边边改到了右边，在上一篇笔记的程序中，我们改第二个图，这里需要更改：

m_spchart->addAxis(m_spaxisY, Qt::AlignRight);//AlignLeft改成了AlignRight

第二，横轴的标签值中，有数字，也有数字加汉字，而且方向也变了。原来方法需要更改一下。QCategoryAxis可以指定标签的值和位置。

m_spaxisX = new QCategoryAxis();//从QValueAxis变成QCategoryAxis

m_spaxisX->setStartValue(0);
m_spaxisX->append("0", 0);
m_spaxisX->append("10", 10);
m_spaxisX->append("20", 20);
m_spaxisX->append("30", 30);
m_spaxisX->append("40", 40);
m_spaxisX->append("50", 50);
m_spaxisX->append("60秒", 60);

m_spaxisX->setReverse(true);//设置反向

我想应该改好了吧，先运行一下看看。

这个标签的位置在格子中间，不是想要的，然后搜索了一圈，加上下面的语句:

m_spaxisX->setLabelsPosition(QCategoryAxis::AxisLabelsPositionOnValue);

设置标签的位置和所在值对应。然后运行就变成了这样。那个"60秒"哪去了?少了一个标签!

 然后我就卡住了，搜索了好多文章也没找到答案，大家好像没有遇到这个问题。只能自己尝试更改，正向的时候也是有问题的。

 继续试，

 经过多次尝试，我发现y轴在左边是没有这个问题的，只有在右边时有。但是第一个图像中的需求完全是合理的，确实有时候y轴要放在右边。

尝试和查找了大半天，我猜测可能是左边的"60秒“被什么挡住了，只有在y轴在左边时才会显示，于是我灵机一动在左边加了个空轴,

m_spchart->addAxis(new QValueAxis(), Qt::AlignLeft);

然后就好使了。。。

 剩下的工作就是写个函数来定是读取内存了。成品是这样的（下面那条）：

 附上代码：

.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QChartView>
#include <QLineSeries>
#include <QSplineSeries>
//#include <QValueAxis>
#include <QCategoryAxis>
#include <QTimer>
#include <QList>

QT_CHARTS_USE_NAMESPACE

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();
    void Init();
private slots:
    void on_pushButton_Clear_clicked();

    void on_pushButton_StartTimer_clicked();

    void slotTimeout();
    void getMemoryUsage(int& memory);
private:
    Ui::Widget *ui;
    QValueAxis *m_axisX;
    QValueAxis *m_axisY;

    QCategoryAxis *m_spaxisX;
    QValueAxis *m_spaxisY;

    QLineSeries *m_series;
    QSplineSeries *m_spSeries;
    QChart *m_chart;
    QChart *m_spchart;
    QChart *chart;
    QSplineSeries *series;
    QTimer *timer;
    QList<int> data;
    QList<int> m_spList;
};
#endif // WIDGET_H

.cpp

#include "widget.h"
#include "ui_widget.h"
#include <QBarSeries>
#include <QtDebug>
#include <QTime>
#include <QProcess>
#include <QFile>
#include <QRegExp>
#define AXIS_MAX_X 30
#define AXIS_MAX_Y 10
#define max_count 100
static int count = 0;
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    qsrand((uint)QTime::currentTime().msec());
    Init();
    timer = new QTimer(this);
    timer->setInterval(100);

    connect(timer, &QTimer::timeout, this, &Widget::slotTimeout);
}

Widget::~Widget()
{
    delete ui;
}

void Widget::Init()
{
    m_axisX = new QValueAxis();
    m_axisY = new QValueAxis();
    m_axisX->setTitleText("X-label");
    m_axisY->setTitleText("Y-label");
    m_axisX->setMin(0);
    m_axisY->setMin(0);
    m_axisX->setMax(AXIS_MAX_X);
    m_axisY->setMax(AXIS_MAX_Y);

    m_series = new QLineSeries();
    m_series->setPointsVisible(true);
    m_series->setName("随机数折线");


    m_chart = new QChart();
    m_chart->addAxis(m_axisY, Qt::AlignRight);
    m_chart->addAxis(m_axisX, Qt::AlignBottom);
    m_chart->addSeries(m_series);
    m_chart->setAnimationOptions(QChart::SeriesAnimations);

    m_series->attachAxis(m_axisX);
    m_series->attachAxis(m_axisY);


    ui->graphicsView->setChart(m_chart);
    ui->graphicsView->setRenderHint(QPainter::Antialiasing);

    m_spaxisX = new QCategoryAxis();
    m_spaxisY = new QValueAxis();
    m_spaxisX->setTitleText("X-label");
    m_spaxisY->setTitleText("Y-label");
    m_spaxisX->setMin(0);
    m_spaxisY->setMin(0);
    m_spaxisX->setMax(60);
    m_spaxisY->setMax(100);
    //m_spaxisX->setLabelFormat("%d");
    m_spaxisY->setLabelFormat("%d%"); //标签格式
    m_spaxisY->setTickCount(6);
    m_spaxisY->setTitleVisible(false);


    m_spaxisX->setStartValue(0);
    m_spaxisX->append("0", 0);
    m_spaxisX->append("10", 10);
    m_spaxisX->append("20", 20);
    m_spaxisX->append("30", 30);
    m_spaxisX->append("40", 40);
    m_spaxisX->append("50", 50);
    m_spaxisX->append("60秒", 60);
    m_spaxisX->setLabelsPosition(QCategoryAxis::AxisLabelsPositionOnValue);
    m_spaxisX->setTitleVisible(false);

    m_spSeries = new QSplineSeries();
    //m_spSeries->setPointsVisible(true);
    m_spSeries->setName("随机数曲线");

    m_spchart = new QChart();
    m_spchart->addAxis(m_spaxisY, Qt::AlignRight);
    m_spchart->addAxis(m_spaxisX, Qt::AlignBottom);
    m_spchart->addAxis(new QValueAxis(), Qt::AlignLeft);
    m_spchart->addSeries(m_spSeries);
    m_spchart->setAnimationOptions(QChart::NoAnimation);
    m_spaxisX->setReverse(true);

    m_spSeries->attachAxis(m_spaxisX);
    m_spSeries->attachAxis(m_spaxisY);


    ui->graphicsView_2->setChart(m_spchart);
    ui->graphicsView_2->setRenderHint(QPainter::Antialiasing);
    m_spaxisX->setTickInterval(0.1);
    //qDebug()<<m_spaxisX->tickInterval();
}

void Widget::on_pushButton_Clear_clicked()
{
    timer->stop();
}

void Widget::on_pushButton_StartTimer_clicked()
{
    if (!timer->isActive())
    {
        timer->start();
    }
}



void Widget::slotTimeout()
{
    int yValue = qrand()%AXIS_MAX_Y;
    if (count > AXIS_MAX_X)
    {
        m_series->remove(0);
        m_chart->axes(Qt::Horizontal).first()->setMin(count - AXIS_MAX_X);
        m_chart->axes(Qt::Horizontal).first()->setMax(count);

        //m_spSeries->remove(0);
//        m_spchart->axes(Qt::Horizontal).first()->setMin(count - AXIS_MAX_X);
//        m_spchart->axes(Qt::Horizontal).first()->setMax(count);
    }


    m_series->append(QPointF(count, yValue));
    m_series->setUseOpenGL(true);

    int memory = 0;
    getMemoryUsage(memory);

    auto points = m_spSeries->points();
    m_spSeries->clear();
    foreach (auto point, points) {
        if (point.x() <= 60)
        {
            m_spSeries->append(point.x()+timer->interval()/1000.0, point.y());
        }
    }

    m_spSeries->append(QPointF(0, memory));

    count++;
}

void Widget::getMemoryUsage(int& memory)
{
//    QProcess process;
//    process.start("free -m");
//    process.waitForFinished();
//    process.readLine();
//    QString str = process.readLine();
//    str.replace("\n","");
//    str.replace(QRegExp("( ){1,}")," ");//连续空格替换为单个空格，用于分割
//    auto lst = str.split(" ");
//    if (lst.size() > 6)
//    {
//        memory = (lst[1].toDouble() - lst[6].toDouble())/lst[1].toDouble() * 100;
//    }
    QFile logFile("/proc/meminfo");
    if (!logFile.open(QIODevice::ReadOnly)) {
        qDebug() << "open file error";
        return ;
    }

    char total[128];
    char free[128];


    logFile.readLine(total, sizeof(total));
    logFile.readLine();
    logFile.readLine(free, sizeof(free));
    logFile.close();

    QString totalMemoryStr = QString::fromLocal8Bit(total, sizeof(total));
    QString freeMemoryStr = QString::fromLocal8Bit(free, sizeof(free));

    QRegExp rx("(\\d+)");
    rx.indexIn(totalMemoryStr, 0);
    QString totalMemory = rx.cap(1);
    rx.indexIn(freeMemoryStr, 0);
    QString freeMemory = rx.cap(1);

    memory = (totalMemory.toDouble() - freeMemory.toDouble())/totalMemory.toDouble()*100;
    qDebug()<<totalMemory<<" "<<freeMemory<<"memory"<<memory;
}