当前位置: 首页> 文旅> 文化 > 爱站工具包的主要功能_郑州网站建设技术托管_夫唯seo_营销广告文案

爱站工具包的主要功能_郑州网站建设技术托管_夫唯seo_营销广告文案

时间:2025/7/10 6:38:09来源:https://blog.csdn.net/sc_o_r_pio/article/details/143415388 浏览次数:1次
爱站工具包的主要功能_郑州网站建设技术托管_夫唯seo_营销广告文案

显然X轴是日期时间轴的话,那么我们使用的轴类就得是QDateTimeAxis

QChart中日期时间轴的精度是毫秒

因此图表里面的数据的x值需要是一个毫秒数,才能显示出来

---------------------------------------------------------------------------------------------------------------------------------

步骤和画折线图一模一样,只不过使用的轴是日期时间轴QDateTimeAxis

1、创建图表视图

QChartView* view=new QChartView(this);

2、创建图表

QChart* chart=new QChart();

3、将图表设置给图表视图

view->setChart(chart);

4、构建x轴-日期时间轴,设置轴的属性,并将轴添加到图表中

在设置轴的范围时,传入的是2个QDateTime

QDateTimeAxis * axisX = new QDateTimeAxis(this);
axisX -> setTitleText("时间轴"); //设置轴的标题
axisX -> setRange(QDateTime(QDate(2000, 01, 01), QTime(0, 0, 0)),QDateTime(QDate(2000, 12, 31), QTime(0, 0, 0))); //设置时间轴的范围,参数是两个时期时间QDateTime
axisX -> setTickCount(13); //设置刻度个数
axisX -> setFormat("MM月dd日"); //设置刻度值的格式,和格式化时间字符串一样
axisX -> setLabelsAngle(45);
chart -> addAxis(axisX, Qt::AlignBottom); //添加轴

5、构建y轴-数值轴,设置轴的属性,并将轴添加到图表中

QValueAxis * axisY = new QValueAxis(this);
axisY -> setRange(1000, 2000);
axisY -> setTickCount(11);
axisY -> setTitleText("Y轴");
chart -> addAxis(axisY, Qt::AlignLeft);

6、构建图标里的系列(具体的图),将系列添加到图表中

在追加数据点时,x轴的是需要的是一个毫秒数,才能显示出来

QLineSeries * line = new QLineSeries(this);
line -> setName("时间轴"); //设置图例文本
//要调用毫米精度的这个函数toMSecsSinceEpoch()转成时间戳,否则显示不出来
line -> append(QDateTime(QDate(2000, 01, 01), QTime(0, 0, 0)).toMSecsSinceEpoch(), 1200);
line -> append(QDateTime(QDate(2000, 02, 01), QTime(0, 0, 0)).toMSecsSinceEpoch(), 1400);
line -> append(QDateTime(QDate(2000, 03, 01), QTime(0, 0, 0)).toMSecsSinceEpoch(), 1100);
line -> append(QDateTime(QDate(2000, 04, 01), QTime(0, 0, 0)).toMSecsSinceEpoch(), 1600);
line -> append(QDateTime(QDate(2000, 05, 01), QTime(0, 0, 0)).toMSecsSinceEpoch(), 1300);
chart -> addSeries(line);

7、将轴附加到系列,是点显示在正确的位置上

line->attachAxis(axisX);
line->attachAxis(axisY);

完整代码

#ifndef WIDGET_H
#define WIDGET_H#include <QWidget>
#include<QtCharts>
#include<QHBoxLayout>class Widget : public QWidget
{Q_OBJECTpublic:Widget(QWidget *parent = nullptr) : QWidget(parent){resize(800,600);QHBoxLayout* h_box=new QHBoxLayout(this);DrawLineOfTime();}~Widget()=default;//绘制横坐标为时间的折线图void DrawLineOfTime(){//1、创建图表视图QChartView* view=new QChartView(this);this->layout()->addWidget(view);//2.创建图表QChart* chart=new QChart();//3.将图表设置给图表视图view->setChart(chart);//设置标题chart->setTitle("时间图");chart->legend()->show();//显示或者隐藏图例(默认显示)//4.构建x轴-日期时间轴QDateTimeAxis* axisX=new QDateTimeAxis(this);axisX->setTitleText("时间轴");//设置轴的标题axisX->setRange(QDateTime(QDate(2000,01,01),QTime(0,0,0)),QDateTime(QDate(2000,12,31),QTime(0,0,0)));//设置时间轴的范围,参数是两个时期时间QDateTimeaxisX->setTickCount(13);//设置刻度个数axisX->setFormat("MM月dd日");//设置刻度值的格式,和格式化时间字符串一样axisX->setLabelsAngle(45);chart->addAxis(axisX,Qt::AlignBottom);//添加轴//5.构建y轴-数值轴QValueAxis* axisY=new QValueAxis(this);axisY->setRange(1000,2000);axisY->setTickCount(11);axisY->setTitleText("Y轴");chart->addAxis(axisY,Qt::AlignLeft);//6.构建折线系列QLineSeries* line=new QLineSeries(this);line->setName("时间轴");//设置图例文本//要调用毫米精度的这个函数toMSecsSinceEpoch()转成时间戳,否则显示不出来line->append(QDateTime(QDate(2000,01,01),QTime(0,0,0)).toMSecsSinceEpoch(),1200);line->append(QDateTime(QDate(2000,02,01),QTime(0,0,0)).toMSecsSinceEpoch(),1400);line->append(QDateTime(QDate(2000,03,01),QTime(0,0,0)).toMSecsSinceEpoch(),1100);line->append(QDateTime(QDate(2000,04,01),QTime(0,0,0)).toMSecsSinceEpoch(),1600);line->append(QDateTime(QDate(2000,05,01),QTime(0,0,0)).toMSecsSinceEpoch(),1300);chart->addSeries(line);//7、将xy轴附加到折线line->attachAxis(axisX);line->attachAxis(axisY);}};
#endif // WIDGET_H

关键字:爱站工具包的主要功能_郑州网站建设技术托管_夫唯seo_营销广告文案

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: