Qt图形图像开发之Qt曲线图美化QChartQScatterSeries空心点阵图，鼠标移动到上面显示数值，鼠标移开数值消失效果实例_QLineSeries与QScatterSeries

Qt图形图像开发

QChart

34 浏览量更新于2023-03-16 评论 3 收藏 221KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

Qt图形图像开发之图形图像开发之Qt曲线图美化曲线图美化QChart QScatterSeries 空心点阵图，鼠标移动到上面显示数空心点阵图，鼠标移动到上面显示数

值，鼠标移开数值消失效果实例值，鼠标移开数值消失效果实例

主要介绍了Qt图形图像开发之Qt曲线图美化QChart QScatterSeries 空心点阵图，鼠标移动到上面显示数值，鼠标移开数值消失效果实例,需要的朋友可以参考下

最近接到一个Qt QChart曲线图美化的需求,画一个折线图，关键点使用空心的圆点标识出来，鼠标移动到关键点上，显示出当前数值；鼠标移走数值消失。

效果图如下：

我们遇到这个需求的时候，第一时间就会想到使用 QLineSeries 画折线图。

首先初始化

QChart *chart = new QChart();

chart->legend()->setVisible(false);

ui->chartView->setChart(chart);

ui->chartView->setRenderHint(QPainter::Antialiasing);

chart->setBackgroundBrush(QBrush(QColor(248, 251, 255)));

将每个点添加到QLineSeries序列中。然后就会形成折线图。如下：

QChart *chart = ui->chartView->chart();

chart->removeAllSeries();

chart->removeAxis(chart->axisX());

chart->removeAxis(chart->axisY());

//折线图

QLineSeries *series0 = new QLineSeries();

QPen pen;

pen.setStyle(Qt::SolidLine);

pen.setWidth(4);

pen.setColor(QColor(21, 100, 255));

series0->setPen(pen);//折现序列的线条设置

QLineSeries *series0 = (QLineSeries *)ui->chartView->chart()->series().at(0);

series0->clear();

qsrand(QTime::currentTime().second());

qreal t=0, y1, intv=1;

qreal rd;

int cnt=16;

for (int i=0; i<cnt; i++)

{

rd = (qrand() % 100);

y1=rd;

series0->append(t, y1);

t+=intv;

}

这是完成了第一步，画出来了折线图。但是对于那些圆点要显示出来的话我们可以考虑使用QScatterSeries来画一些离散的点。

QScatterSeries *series1 = new QScatterSeries();

series1->setMarkerShape(QScatterSeries::MarkerShapeCircle);//圆形的点

series1->setBorderColor(QColor(21, 100, 255)); //离散点边框颜色

series1->setBrush(QBrush(QColor(21, 100, 255)));//离散点背景色

series1->setMarkerSize(12); //离散点大小

QLineSeries *series0 = (QLineSeries *)ui->chartView->chart()->series().at(0);

QScatterSeries *series1 = (QScatterSeries *)ui->chartView->chart()->series().at(1);

series0->clear();

series1->clear();

qsrand(QTime::currentTime().second());

qreal t=0, y1, intv=1;

qreal rd;

int cnt=16;

for (int i=0; i<cnt; i++)

{

rd = (qrand() % 100);

y1=rd;

series0->append(t, y1);

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

weixin_38728183

粉丝: 5
资源: 942

会员权益专享

Qt图形图像开发之Qt曲线图美化QChart QScatterSeries 空心点阵图，鼠标移动到上面显示数值，鼠标移开数值消失...

评论0

会员权益专享

最新资源

Qt图形图像开发之Qt曲线图美化QChart QScatterSeries 空心点阵图，鼠标移动到上面显示数值，鼠标移开数值消失...

评论0

基于QT的点阵文本显示

QTCharts 曲线图拖拽缩放点位坐标显示

QCandyUi:方便快速地美化pyQt应用

qt qchart鼠标事件

qt qchart曲线拖动

qt 实现图形图像编辑器

qt qchart怎么绘制图像

qt图形界面开发.doc

qt qchart曲线上显示数据

qt gdal显示图像

qt实现动态曲线图+文本数据的实时显示

qt使用qchart绘制雷达图

c++ ubuntu qt 图像 鼠标 像素点

qscatterseries鼠标悬浮显示框

c++ qt绘制曲线图

pyqt qchart点击曲线显示数值

qt5: 151-qchart图表显示点坐标

qt读取excel数据画出曲线图并保存

QT如何显示多条曲线图在chart中且曲线数值大小为读取txt的数值

qt图形界面开发流程

会员权益专享

最新资源

c++ ubuntu qt 图像鼠标像素点