Qt之QChart使用

已于 2023-12-29 11:08:35 修改
阅读量2.7k 收藏 68
点赞数 19
文章标签： 笔记
于 2023-12-25 09:07:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_58619060/article/details/135111607
版权

一、相关类的介绍

1、QChartView

视图组件(画布)，无法单独进行显示，需要依附其他组件进行显示，如在窗口设计界面先放置一个QGraphicsView组件，然后升级为QChartView；随后QChartView通过setChart将QChart添加为显示的图表。 

2、QChart

代表一个图表对象，可以包含一个或多个QAbstractSeries（系列）对象。它提供了管理和控制图表的方法，如添加/移除系列、设置图表标题、轴标签等。

3、QAbstractSeries

是所有系列类的基类，代表图表中的一个系列。派生类包括QLineSeries（线性系列）、QScatterSeries（散点系列）、QBarSeries（柱状系列）等。每个系列可以包含一个或多个数据点，并且可以设置系列的样式、颜色、图例等属性。 

4、QLineSeries

行序列，数据的表现形式，也就是我们要显示的数据，例如折线图。一般是通过QChart的addSeries将QLineSeries添加到图表中，当然不止QLineSeries，还有其他很多类型。 

5、QValueAxis

坐标轴。具体使用步骤为：①使用QChart的addAxis将坐标轴添加到图表上；②使用QLineSeries的attachAxis设置数据与坐标轴的关系；注意这两步设置有先后关系，必须先将坐标轴添加到QChart，如果顺序反了会提示没有与之关联的坐标轴。 

6、QScatterSeries

代表图表中的散点系列，用于绘制散点图。可以通过添加数据点来构建散点系列，也可以设置散点的样式和颜色。

7、QBarSeries

代表图表中的柱状系列，用于绘制柱状图。可以通过添加数据点来构建柱状系列，也可以设置柱子的样式和颜色。

8、QAbstractAxis

是所有轴类的基类，代表图表中的一个轴。派生类包括QValueAxis（数值轴）和QCategoryAxis（分类轴）。每个轴可以设置轴范围、刻度间隔、标签等属性。

9、QCategoryAxis

代表图表中的分类轴，用于显示离散的类别。可以设置轴的类别列表、标签格式等属性。

二、封装的图表类型

QtCharts 可以绘制以下类型的图表：

1、折线图（Line Chart）：用于显示数据的趋势和变化，通过连接数据点形成折线。

2、散点图（Scatter Chart）：用于展示数据点的分布情况，每个数据点在坐标系中独立显示。

3、柱状图（Bar Chart）：用于比较多个类别或数据组之间的数值差异，使用矩形柱子表示。

4、条形图（Horizontal Bar Chart）：类似于柱状图，但是柱子是横向排列的。

5、饼图（Pie Chart）：用于展示数据占比情况，通过扇形的大小表示不同数据的相对比例。

6、区域图（Area Chart）：用于显示数据的累积变化情况，通过填充区域来表达数据的范围。

7、股票图（Stock Chart）：用于展示股票市场的价格数据，包括开盘价、收盘价、最高价、最低价等。

8、散点线图（Spline Chart）：类似于散点图，但是通过平滑的曲线连接数据点，更加强调数据的变化趋势。

9、曲线图（Spline Series Chart）：用于平滑地显示数据的变化情况，通过插值算法计算平滑曲线。

10、雷达图（Radar Chart）：用于展示多个数据维度之间的相对关系，通过多边形的面积来表示数据的相对大小。

三、开始步骤

1、打开.pro文件，输入Qt += charts，引入Qt Charts模块； 

                                           

 2、打开ui设计器，选择一个Graphics View控件，鼠标右键提升为；

3、输入QChartView，点击添加、提升；

                         

4、在窗口右上角就可以看见控件类型变成QChartView了，然后将控件命名为chartView。

                                           

5、在代码中添加QtCharts头文件，引入命名空间；
             

四、QChart设置 

QChart类的主要函数
图表外观void setTitle()设置图表标题，显示在图表上方，支持HTML格式
void setTitleFont()设置图表标题字体
void setTitleBrush()设置图表标题画刷
void setTheme()设置主题，主题是内置的UI设置，定义了图表的配色
void setMargins()设置绘图区与图表边界的4个边距
QLegend* legend()返回图表的图例，是一个QLegend类的对象
void setAnimationOptions()设置序列或坐标轴的动画效果
数据序列void addSeries()添加序列
QList<QAbstractSeries*>series()返回图表拥有的序列的列表
void removeSeries()移除一个序列，但并不删除序列对象
void removeAllSeries()移除并删除图表的所有序列
坐标轴void addAxis()为图表的某个反向添加坐标轴
QList<QAbstractAxis *>axes()返回某个方向的坐标轴列表
void setAxisX()设置某个序列的水平方向的坐标轴
void setAxisY()设置某个序列的垂直方向的坐标轴
void rmoveAxis()移除一个坐标轴
void createDefaultAxes()根据已添加的序列的类型，创建缺省的坐标轴，前面已有的坐标轴会被删除        

void setAnimationOptions(AnimationOptions options)函数设置图表的动画效果，输入参数是QChart::AnimationOption枚举类型，有以下几种类型：

QChart::NoAnimation，无动画效果
QChart::GridAxisAnimation，背景网格有动画效果
QChart::SeriesAnimation，序列有动画效果
QChart::AllAnimation，都有动画效果

五、QValueAxis坐标轴的创建 

QValueAxis类的主要函数
坐标轴整体void setVisible()设置坐标轴可见性        

Qt::Orientation orientation()

返回坐标轴方向
void setMin()设置坐标轴最小值
void setMax()设置坐标轴最大值
void setRange()设置坐标轴最小、最大值表示的范围
轴标题void setTitleVisible()设置轴标题的可见性
void setTitleText()设置轴标题的文字
void setTitleFont()设置轴标题的字体
void setTitleBrush()设置轴标题的画刷
轴标签void setLabelFormat()        设置标签格式，例如可以设置显示的小数点位数
void setLabelsAngle()设置标签的角度，单位为度
void setLabelsBrush()设置标签的画刷
void setLabelsColor()设置标签文字颜色
void setLabelsFont()设置标签文字字体
void setLabelsVisible()设置轴标签文字是否可见
轴线和刻度线void setTickCount()设置坐标轴主刻度个数
void setLineVisible()设置轴线和刻度线的可见性
void setLinePen()设置轴线和刻度线的画笔
void setLinePenColor()设置轴线和刻度线的颜色
主刻度线void setGridLineColor()设置网格线的颜色
void setGridLinePen()设置网格线的画笔
void setGridLineVisible()设置网格线的可见性
次刻度和次网格线void setMinorTickCount()设置两个主刻度之间的次刻度的个数
void setMinorGridLineColor()设置次网格线的颜色
void setMinorGridLinePen()设置次网格线的画笔
void setMinorGridLineVisible()设置次网格线的可见性

1、第一种方式：使用addAxis方式(可以设置坐标轴位置)

//1.创建画布(已用ui设置)

//2.创建图表
chart = new QChart;
//3.创建xy坐标
axisX = new QValueAxis;
axisY = new QValueAxis;
//4.设置坐标范围
axisX->setRange(-10,10);
axisY->setRange(-10,10);
//5.将坐标加入图表,并设置坐标位置
chart->addAxis(axisX,Qt::AlignBottom);
chart->addAxis(axisY,Qt::AlignLeft);
//6.将序列加入图表

//7.关联xy轴,将序列加入自己的xy坐标(attachAxis)

//8.将图表加入画布
ui->chartView->setChart(chart);

2、第二种方式：使用setAxisX、setAxisY方式(不可以设置坐标轴位置)

//1.创建画布(已用ui设置)

//2.创建图表
chart = new QChart;
//3.创建xy坐标
axisX = new QValueAxis;
axisY = new QValueAxis;
//4.设置坐标范围
axisX->setRange(-10,10);
axisY->setRange(-10,10);
//5.将坐标加入图表,关联xy轴(将序列图表放在自己创建的坐标系上)
chart->setAxisX(axisX);
chart->setAxisY(axisY);
//6.将序列加入图表

//7.将图表加入画布
ui->chartView->setChart(chart);

总结：

在Qt的QChart中，可以使用以下两种方式来设置坐标轴：

1、使用addAxis()方法：在这种方式下，轴对象可以在图表中独立于系列添加和移除，因此可以在图表中灵活地管理和控制不同的轴。

2、使用setAxisX()和setAxisY()方法：在这种方式下，每个图表只能有一个X轴和一个Y轴，并且会自动将系列与这些轴关联起来。当添加新的系列时，它们会自动使用已设置的X轴和Y轴。

总体而言，使用addAxis()方法可以在图表中添加多个轴，并且可以更灵活地管理不同的轴。而使用setAxisX()和setAxisY()方法则适用于只需要一个X轴和一个Y轴的简单情况，并且可以自动关联系列和轴。选择使用哪种方式取决于你的需求和使用场景。

六、QChart绘图一般步骤 

1、创建QChartView画布

2、创建QChart图表

3、创建序列

4、创建QValueAxis坐标轴(部分图表不用，例如：饼状图)

5、配置序列(坐标轴)、设置序列(坐标轴)参数、添加数据等

6、将序列加入图表

7、将坐标轴加入图表 

8、关联xy轴(部分图表不用，例如：饼状图)，将图表和自己创建的xy轴关联

9、将图表QChart加入QChartView画布中

七、散点图

QScatterSeries类的主要函数
append(double x, double y)向散点图中添加一个点
replace(int index, double x, double y)替换指定索引位置的点的坐标。
setMarkerShape(QScatterSeries::MarkerShape shape)设置散点的形状。
setMarkerSize(qreal size)设置散点的大小。
setBorderColor(QColor color)设置散点的边框颜色。
setBrush(QColor color)设置散点的填充颜色。
setColor(QColor color)设置散点的颜色，包括边框和填充。
clear()清空散点图中的所有点。
//初始化坐标轴
create_coordinate_system();

//创建图表
QChart *chart = new QChart;

//自定义创建散点
QScatterSeries *scatterSeries = new QScatterSeries;
scatterSeries->setName("散点");
scatterSeries->setMarkerSize(7);
scatterSeries->setMarkerShape(QScatterSeries::MarkerShapeCircle);//设置散点形状为圆
scatterSeries->append(1,1);
//随机散点
for(int i = -60; i < 60; i++)// 添加120个任意点
{
    scatterSeries->append(i, QRandomGenerator::global()->bounded(-60, 60));
}

//将散点加入图表中
chart->addSeries(scatterSeries);

//将散点的图表放在自己创建的坐标系上
chart->setAxisX(x_axis,scatterSeries);
chart->setAxisY(y_axis,scatterSeries);

//将图表加入画布中
ui->chartView->setChart(chart);

效果图：

八、折线图

QLineSeries类的主要函数
序列名称void setName()设置序列的名称，这个名称会显示在图例里，支持HTML格式
图表QChart *chart()返回序列所属的图表对象
序列外观void setVisible()设置序列的可见性
void show()显示序列，使序列可见
void hide()隐藏序列，使其不可见
void setColor()设置序列线条的颜色
void setPen()设置序列线条的画笔
void setBrush()设置绘制数据点的画刷
void setOpacity()设置序列的透明度，0表示完全透明，1表示不透明
数据点void setPointsVisible()设置数据点的可见性
void append()添加一个数据点到序列
void insert()在某个位置插入一个数据点
void replace()替换某个数据点
void clear()清空所有数据点
void remove()删除某个数据点
void removePoints()从某个位置开始，删除指定个数的数据点
int count()        数据点的个数
QPointF& at()返回某个位置的数据点
QList<QPointF> points()返回数据点的列表
QVector<QPointF> pointsVector()返回数据点的，效率更高
数据点标签void setPointLabelsVisible()设置数据点标签的可见性
void setPointLabelsColor()设置数据点标签的文字颜色
void setPointLabelsFont()设置数据点标签字体
void setPointLabelsFormat()设置数据点标签格式
void setPointLabelsClipping()设置标签的裁剪属性，默认为true，即绘图区外的标签被裁剪掉
坐标轴bool attachAxis()为序列附加一个坐标轴，通常需要一个X轴和Y轴
bool detachAxis()解除一个附加的坐标轴
QList<QAbstractAxis *>attachedAxes()返回附加的坐标轴的列表
//初始化坐标轴
create_coordinate_system();

//创建图表
QChart *chart = new QChart;

//创建线条
QLineSeries *lineSeries1 = new QLineSeries;
QLineSeries *lineSeries2 = new QLineSeries;

lineSeries1->setName("正弦曲线");
lineSeries2->setName("折线");

int i;//sin的步长，横坐标
for(i=-60;i<61;i++){
    qreal j = qSin(i);
    lineSeries1->append(i,j);
}

// 添加折线数据
qsrand(QTime::currentTime().second());
for(int i = 0; i <= 20; i++) {
    qreal x = i;
    qreal y = qrand()%100;
    lineSeries2->append(x, y);
}

//将线条加入图表
chart->addSeries(lineSeries1);
chart->addSeries(lineSeries2);

//将有线条的图表加入自己的坐标系中
chart->setAxisX(x_axis,lineSeries1);
chart->setAxisY(y_axis,lineSeries1);
//将图表加入画布中
ui->chartView->setChart(chart);

效果图：

九、柱状图

QBarSet类的主要函数功能
标签void setLabel()设置数据集的标签，用于图例的显示文字
void setLabelBrush()设置标签的画刷
void setLabelColor()设置标签的文字颜色
void setLabelFont()设置标签的字体
数据棒void setBorderColor()设置数据集的棒图的边框颜色
void setBrush()设置数据集的棒图的画刷
void setColor()设置数据集的棒图填充颜色
void setPen()设置数据集的棒图的边框画笔
数据点void append()添加一个数据到数据集
void insert()在某个位置插入一个数据到数据集
void remove()从某个位置开始删除一定数量的数据
void replace()替换某个位置的数据
qreal at()返回某个位置的数据
int count()返回数据的个数
qreal sum()返回数据集内所有数据的和

（一）普通柱状图

//初始化坐标轴
create_coordinate_system();

//创建图表
chart = new QChart;

//创建QBarSeries,条形图容器,用于管理和显示多条柱子
QBarSeries *barSeries = new QBarSeries;

//    barSeries->setBarWidth(5);//设置数据棒的宽度

//创建QBarSet并添加数据
QBarSet *set1 = new QBarSet("data1");
QBarSet *set2 = new QBarSet("data2");
QBarSet *set3 = new QBarSet("data3");
QBarSet *set4 = new QBarSet("data4");

*set1 << QRandomGenerator::global()->bounded(0, 61)
      << QRandomGenerator::global()->bounded(0, 61)
      << QRandomGenerator::global()->bounded(0, 61)
      << QRandomGenerator::global()->bounded(0, 61);

*set2 << QRandomGenerator::global()->bounded(0, 61)
      << QRandomGenerator::global()->bounded(0, 61)
      << QRandomGenerator::global()->bounded(0, 61)
      << QRandomGenerator::global()->bounded(0, 61);

*set3 << QRandomGenerator::global()->bounded(0, 61)
      << QRandomGenerator::global()->bounded(0, 61)
      << QRandomGenerator::global()->bounded(0, 61)
      << QRandomGenerator::global()->bounded(0, 61);

*set4 << QRandomGenerator::global()->bounded(-60, 1)
      << QRandomGenerator::global()->bounded(-60, 1)
      << QRandomGenerator::global()->bounded(-60, 1)
      << QRandomGenerator::global()->bounded(-60, 1);

//用于横坐标的字符串列表
QStringList categories;
categories<<"学生1"<<"学生2"<<"学生3"<<"学生4";

//用于柱状图的横坐标
QBarCategoryAxis *axisX = new QBarCategoryAxis;
axisX->append(categories);
axisX->setRange(categories[0],categories[categories.length()-1]);

//将QBarSet添加到QBarSeries中
barSeries->append(set1);
barSeries->append(set2);
barSeries->append(set3);
barSeries->append(set4);

//将QBarSeries添加到图表中
chart->addSeries(barSeries);

//将散点的图表放在自定义坐标中
chart->setAxisX(axisX,barSeries);
chart->setAxisY(y_axis,barSeries);

//将图表加入画布中
ui->chartView->setChart(chart);

效果图：

（二）堆叠柱状图

//创建图表
QChart *chart = new QChart;

//创建QStackedBarSeries,堆柱状图
QStackedBarSeries *series=new QStackedBarSeries;

//    barSeries->setBarWidth(5);//设置数据棒的宽度

//创建QBarSet并添加数据
QBarSet *set1 = new QBarSet("data1");
QBarSet *set2 = new QBarSet("data2");
QBarSet *set3 = new QBarSet("data3");

*set1 << QRandomGenerator::global()->bounded(0, 100)
      << QRandomGenerator::global()->bounded(0, 100)
      << QRandomGenerator::global()->bounded(0, 100)
      << QRandomGenerator::global()->bounded(0, 100);

*set2 << QRandomGenerator::global()->bounded(0, 100)
      << QRandomGenerator::global()->bounded(0, 100)
      << QRandomGenerator::global()->bounded(0, 100)
      << QRandomGenerator::global()->bounded(0, 100);

*set3 << QRandomGenerator::global()->bounded(0, 100)
      << QRandomGenerator::global()->bounded(0, 100)
      << QRandomGenerator::global()->bounded(0, 100)
      << QRandomGenerator::global()->bounded(0, 100);

//用于横坐标的字符串列表
QStringList categories;
categories<<"学生1"<<"学生2"<<"学生3"<<"学生4";

//用于柱状图的横坐标
QBarCategoryAxis *axisX = new QBarCategoryAxis;
axisX->append(categories);
axisX->setRange(categories[0],categories[categories.length()-1]);

//数值型坐标作为纵坐标
QValueAxis *axisY=new QValueAxis;
axisY->setRange(0,300);
axisY->setTitleText("分数");
axisY->setTickCount(11);
axisY->setMinorTickCount(10);
axisY->setLabelFormat("%d");

//将QBarSet添加到QBarSeries中
series->append(set1);
series->append(set2);
series->append(set3);
series->setLabelsVisible(true);

//将QBarSeries添加到图表中
chart->addSeries(series);

//将散点的图表放在自定义坐标中
chart->setAxisX(axisX,series);
chart->setAxisY(axisY,series);

//将图表加入画布中
ui->chartView->setChart(chart);

效果图：

（三）百分比柱状图

//创建图表
QChart *chart = new QChart;

//创建QPercentBarSeries,百分比柱状图
QPercentBarSeries *series=new QPercentBarSeries;

//    barSeries->setBarWidth(5);//设置数据棒的宽度

//创建QBarSet并添加数据
QBarSet *set1 = new QBarSet("data1");
QBarSet *set2 = new QBarSet("data2");
QBarSet *set3 = new QBarSet("data3");

*set1 << QRandomGenerator::global()->bounded(0, 100)
      << QRandomGenerator::global()->bounded(0, 100)
      << QRandomGenerator::global()->bounded(0, 100)
      << QRandomGenerator::global()->bounded(0, 100);

*set2 << QRandomGenerator::global()->bounded(0, 100)
      << QRandomGenerator::global()->bounded(0, 100)
      << QRandomGenerator::global()->bounded(0, 100)
      << QRandomGenerator::global()->bounded(0, 100);

*set3 << QRandomGenerator::global()->bounded(0, 100)
      << QRandomGenerator::global()->bounded(0, 100)
      << QRandomGenerator::global()->bounded(0, 100)
      << QRandomGenerator::global()->bounded(0, 100);

//用于横坐标的字符串列表
QStringList categories;
categories<<"学生1"<<"学生2"<<"学生3"<<"学生4";

//用于柱状图的横坐标
QBarCategoryAxis *axisX = new QBarCategoryAxis;
axisX->append(categories);
axisX->setRange(categories[0],categories[categories.length()-1]);

//数值型坐标作为纵坐标
QValueAxis *axisY=new QValueAxis;
axisY->setRange(0,300);
axisY->setTitleText("百分比");
axisY->setTickCount(6);
axisY->setMinorTickCount(10);
axisY->setLabelFormat("%d");

//将QBarSet添加到QBarSeries中
series->append(set1);
series->append(set2);
series->append(set3);
series->setLabelsVisible(true);

//将QBarSeries添加到图表中
chart->addSeries(series);

//将散点的图表放在自定义坐标中
chart->setAxisX(axisX,series);
chart->setAxisY(axisY,series);

//将图表加入画布中
ui->chartView->setChart(chart);

效果图：

十、饼状图

QPieSeries类的主要函数功能
分块操作bool append()添加一个分块到饼图
bool insert()在某个位置插入一个分块
bool remove()移除并删除一个分块
bool take()移除一个分块，但并不删除数据块对象
void clear()清除序列所有分块
QList<QPieSlice *>slices()返回序列的所有分块的列表
int count()返回序列分块的个数
bool isEmpty()如果序列为空，返回true，否则返回false
qreal sum()返回序列各分块的数值的和
外观void setHoleSize()设置饼图中心的空心圆大小，在0~1之间
void setPieSize()设置饼图占图表矩形区的相对大小，0是最小，1最大
void setLabelsVisible()设置分块的标签的可见性
//创建图表
QChart *chart = new QChart;

//创建饼状图序列
QPieSeries *pieSeries = new QPieSeries;

//设置饼状图数据
pieSeries->append("data1",7);
pieSeries->append("data2",4);
pieSeries->append("data3",9);
pieSeries->append("data4",3);
pieSeries->append("data5",6);

QPieSlice *slice = pieSeries->slices().at(0);
slice->setExploded(true);//设置exploded动画效果

pieSeries->setLabelsVisible(true);//设置饼图划分的提示

//将饼状图加入图表
chart->addSeries(pieSeries);

//将图表加入画布
ui->chartView->setRenderHint(QPainter::Antialiasing); // 抗锯齿
ui->chartView->setChart(chart);

效果图：

十一、极坐标(雷达)

QPolarChart类的主要函数
addSeries(QAbstractSeries *series)向极坐标图表中添加一个数据系列。
removeSeries(QAbstractSeries *series)从极坐标图表中移除指定的数据系列。
setBackgroundVisible(bool visible)设置是否显示极坐标图表的背景。
setAxisX(QValueAxis *axis)设置极坐标图表的 X 轴。
setAxisY(QValueAxis *axis)设置极坐标图表的 Y 轴。
setAngularOrientation(Qt::Orientation orientation)设置极坐标图表的角度方向。
setRadialOrientation(Qt::Orientation orientation)设置极坐标图表的径向方向。
QScatterSeries* series = new QScatterSeries();     // 创建一个散点绘图数据集对象
const qreal angularMax = 100;    // 最大角度
series->setName("散点");
for(int i = 0; i < angularMax; i += 10)
{
    series->append(i, i + 100);                   // 向series中添加数据，X：角度 Y：到圆心距离
}

QPolarChart* chart = new QPolarChart();           // 创建一个极坐标系图表
chart->legend()->setVisible(false);               // 隐藏图例
chart->addSeries(series);                         // 将创建的series添加进图表中
chart->createDefaultAxes();                       // 根据已有的series生成默认的坐标轴
ui->chartView->setChart(chart);

效果图：

十二、动态曲线(可缩放、查坐标) 

static int count = 0;
//    //初始化画布(已用ui)
//    chartView = new QChartView(this);
//    chartView->setFixedSize(this->window()->width(),this->window()->height());//设置画布大小
chart = new QChart;

QLineSeries *lineSeries = new QLineSeries;
lineSeries->setName("QLineSeries不平滑曲线");

QSplineSeries *splineSeries = new QSplineSeries;
splineSeries->setName("QSplineSeries平滑曲线");

//    int i;
//    for(i = -10;i<11;i++){
//        qreal j = qSin(i);
//        qreal k = qCos(i);
//        lineSeries->append(i,j);
//        splineSeries->append(i,k);
//    }

QValueAxis *axisX = new QValueAxis();
QValueAxis *axisY = new QValueAxis();

axisY->setRange(-10,10);
axisX->setRange(0,30);

chart->addSeries(lineSeries);
chart->addSeries(splineSeries);
//加入chart并设置坐标轴位置、方向
chart->addAxis(axisX,Qt::AlignBottom);
chart->addAxis(axisY,Qt::AlignLeft);
//将序列绑定在自己的坐标轴上
lineSeries->attachAxis(axisX);
lineSeries->attachAxis(axisY);
splineSeries->attachAxis(axisX);
splineSeries->attachAxis(axisY);

ui->chartView->setChart(chart);
ui->chartView->setMouseTracking(true); //开启鼠标追踪功能

QTimer *timer = new QTimer(this);
connect(timer, &QTimer::timeout, this, [=](){
    qreal j = qSin(count);
    qreal k = qCos(count);
    lineSeries->append(count, j);
    splineSeries->append(count, k);
    int points = splineSeries->points().size();
    if(points >= 30){
        axisX->setMax(++count);
        axisX->setMin(count-30);
    }else {
        count++;
    }
});
timer->start(100);

//=======================================================================================
//槽函数
void Widget::mouseMoveEvent(QMouseEvent *event)
{
    // 获取鼠标在QChartView中的坐标(按住鼠标左键显示坐标)
    QPointF mousePoint = event->pos();
    // 获取鼠标在QChartView中的坐标
    QPoint chartPoint = ui->chartView->mapFromGlobal(event->globalPos());
    // 将坐标转换为QChart中的数值
    QPointF value = ui->chartView->chart()->mapToValue(mousePoint);

    // 在这里你可以更新提示框或者标签来显示当前坐标点的数值
    updateTooltip(value);
}

void Widget::wheelEvent(QWheelEvent *event)
{
    if(event->delta() > 0){                    // 当滚轮远离使用者时
        chart->zoomIn();                       // 进行放大
        //            Xrang /= 1.5;
    }else{                                     // 当滚轮向使用者方向旋转时
        chart->zoomOut();                      // 进行缩小
        //            Xrang *= 1.5;
    }
}

参考博客icon-default.png?t=N7T8https://blog.csdn.net/weixin_55238862/article/details/130902767?spm=1001.2014.3001.5506

我智商开挂
关注
  • 19
    点赞
  • 踩
  • 68
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Qt框架绘图高级编程、仪表盘、折线图、饼图、柱状图、K线图
06-29
Qt是由Qt Company开发的主流跨平台C++图形用户界面应用程序开发框架。Qt是面向对象的框架、容易扩展，并且允许真正地组件编程，既可以开发GUI程序，也可用于控制台工具和服务器。其跨平台集成开发环境Qt Creator 全面支持Windows ，mac、Linux、iOS、Android、WP等。 本课程主要帮助学员熟练掌握Qt 5框架下的C++开发，通过核心内容的详细讲解演示，迅速帮助学员达到企业级Qt开发工程师的能力！课程包括以下内容：Qt QPainter绘图常用操作(画图、线、文字、矩形、扇形等)项目实战一、Qt 绘制汽车仪表盘项目实战二、Qt 绘制漂亮预警仪表项目实战三、Qt 实现自绘折线图Qt 框架之 图表模块QtChart、折线图、柱状图、饼图等Qt 高性能轻量级图表QCustomPlot、折线图、金融图等Qt 工业图表库QWT的使用、图表、指南针、温度计、旋钮等
Qt利用QChart实现实时波形图的绘制
m0_73443478的博客
06-16 2866
Qt利用QChart实现实时波形图的绘制
【嵌入式Qt开发入门】如何使用Qt进行绘制实时图表——QChart 图表
cj_lsk的博客
07-06 3204
要想使用 Qt Charts，我们的 Qt 版本得使用 Qt 5.7 之后的版本。其实 Qt Charts 并不是 Qt 5.7 才有的，是在 Qt 5.7 以前只有商业版本的 Qt 才有 Qt Charts。我们能免费下载的 Qt 版本都是社区（开源）版本。Qt Charts 很方便的绘制我们常见的曲线图、折线图、柱状图和饼状图等图表。不用自己花精力去了解第三方组件的使用了或者开发第三方组件。Qt 的帮助文档里已经有说明 Qt Charts 主要部件的使用方法。
【嵌入式——QT】Charts常见的图表的绘制
weixin_39723539的博客
03-22 1071
嵌入式-QT-Charts常见的图表的绘制
QT——Qchart实时动态曲线绘制
qq_50532267的博客
10-22 1万+
以下绘制以时间为横坐标，以随机数为纵坐标的实时动态曲线，此例子是每隔1s更新曲线。
QChart的简单使用
热门推荐
weixin_42692504的博客
06-22 2万+
Qt 一般使用图标等一般是使用QChart (Qt5.7以后才有) 或者QCustomPlot (自定义图标来绘制图标) QWT第三方控件。 使用QChart 要在安装Qt的选择QChart 模块 否则 不能使用！！！ 我用的是Qt5.8的就跟多案例 我就随便距离几个把 饼状图 主要代码 m_chart = new QChart(); QPieSeries *series = new QPieSeries(); //连续的餅图数据 series->append("水果:30%", 3);
QChart数据可视化应用
weixin_42887343的博客
05-28 4166
前言 定义 数据可视化的定义有很多,像百度百科的定义是：数据可视化，是关于数据视觉表现形式的科学技术研究。其中，这种数据的视觉表现形式被定义为，一种以某种概要形式抽提出来的信息，包括相应信息单位的各种属性和变量。其实就是利用运用计算机图形学、图像、人机交互等技术，将采集或模拟的数据映射为可识别的图形、图像，说白了就是使用图像形式展示数据。 分类 常用的数据可视化有柱状图、线状图、条形图、面积图、饼图、点图、仪表盘、走势图外，还有和弦图、圈饼图、金字塔、漏斗图、K线图、关系图、网络图、玫瑰图、帕累托图、数学公
Qt - QTChart绘制图表
Hsy的博客
09-26 1万+
主要介绍QT Chart ，包括该组件的主要构成；常见的一些属性设置及交互，动态图表的实现，如何解决卡顿问题。
qt qchart学习
baidu_16370559的博客
02-22 2120
新图表的所有权被传递给图表视图，并且先前图表的所有权被释放。3. 在使用QChart的各个控件之前，引用头文件并必须先声明一个命名空间。QChartView是QGraphicsView子类，相当于是显示图表的视图。QChart是QGraphicsItem的子类，相当于是显示图表的图形项。
Qt之QChart各个图表的简单使用（含源码+注释）
lw的博客
07-24 9114
QChart各个图表的创建 ui中添加/移除动态属性操作 按钮组的使用（按钮组链接槽函数） 信号槽链接
QT之QChart使用指南
weixin_44278927的博客
06-18 1万+
问题1：如何在设计界面中添加QCharView控件？ 1 首先在项目配置文件添加 charts 模块 Qt += charts 2 打开设计界面，将 Widget 容器，拖动到界面上，鼠标右击 Widget 容器，选择提升的窗口部件，选择基类名称 QWidget，提示的类名称 输入QChartView, 点击添加。 3 选中QChartView，点击提升，此时原QWidget控件就会变为QCharView控件。 4 在项目头文件中中导入QtCharts #include <QtChart
Qt使用QChart绘图类
12-25
包含坐标，散点，线段，曲线，饼状图，柱状图，雷达(极坐标)
qt之qchart实现饼图绘制
04-18
qt之qchart实现饼图绘制
qt使用QChart绘制灰度直方图源码
10-26
基于qt5.15.2，与《Day38QChart绘制直方图》文章对应，留下数据更新接口便于直接嵌入程序使用。
c++与Qt实现QChart使用样例，包含双纵坐标轴参数、样式设置，绘图曲线背景自定义，曲线实时刷新
06-17
QChart使用样例，包含双纵坐标轴参数、样式设置，绘图曲线背景自定义，曲线实时刷新
C++与Qt实现QChart设置时间轴随数据实时更新
07-12
Qt5.8与VS2013实现QChart数据随时间刷新，并实时刷新X轴时间范围
笔记-----BFS宽度优先搜索
2302_79440616的博客
04-19 1078
对于BFS：宽搜第一次搜到就是最小值，并且基于迭代，不会爆栈。 Flood Fill 模型 如果直译的话就是：洪水覆盖，意思就是像是从一个点一圈圈的往外扩散，如果遇见能够连通的就扩散，如果遇见无法联通的就不去扩散，然后再去以扩散出去的点为起点再去扩散。 Flood Fill 可以实现在线性时间复杂度内找到某个点所在的连通块。 例题： 1.AcWing 1097. 池塘计数 农夫约翰有一片 N∗MN∗MN∗M 的矩形土地。 最近，由于降雨的原因，部分土地被水淹没了。 现在用一个字符矩阵来表示他的土地。 每
数据结构与算法学习笔记七--二叉树(C++)
最新发布
我叫柱子哥
04-23 605
在计算机科学中，树（Tree）是一种抽象数据类型，用于模拟具有树状结构特征的数据集合。树是由一组节点（Nodes）和连接这些节点的边（Edges）组成的，其中一个节点被指定为根节点（Root），其余节点分层组织成子树（Subtrees）。树的每个节点除了根节点外，都恰好连接到一条来自另一个节点的边，这个节点被称为其父节点（Parent Node）。每个节点可以连接到零个或多个子节点，子节点的节点被称为父节点的孩子节点（Child Node）。根节点（Root）：树中的唯一顶层节点，没有父节点。
Vitis HLS 学习笔记--优化指令-ARRAY_PARTITION
hi94的博客
04-22 1293
ARRAY_PARTITION 指令中非常重要，它用于优化数组的存储和访问。该指令可以将一个大数组分割成多个小数组，以提高并行处理能力和减少访问延迟。
python qchart
02-07
Python qchart是一个基于Python语言的图表库，它提供了丰富的图形绘制功能，可以用来创建各种类型的图表，包括线图、柱状图、饼图、散点图等。这个库非常适合用于数据可视化和分析，可以帮助用户直观地展示数据，更好地理解数据之间的关系和趋势。 Python qchart具有非常友好的接口设计，使用起来非常简单和直观。它支持多种数据格式输入，包括列表、数组、数据框等，用户可以轻松地将自己的数据导入到图表中进行展示。同时，它还支持丰富的图表样式和定制选项，用户可以根据自己的需求对图表进行各种样式和布局的调整。 除了基本的图表功能外，Python qchart还提供了一些高级的数据处理和分析功能，例如数据过滤、排序、聚合等，用户可以在图表生成的同时对数据进行进一步的处理和分析，从而更好地理解数据内在的规律和特点。 总之，Python qchart是一个功能强大、使用方便的图表库，它能够帮助用户快速地创建各种类型的图表，并且支持丰富的数据处理和分析功能，非常适合用于数据可视化和数据分析领域的应用。无论是对于个人用户还是企业用户来说，Python qchart都是一个非常有价值的工具。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值