自定义QChartView实现鼠标放在图表时,显示鼠标位置坐标值(x,y)

前言:因为需要一次性从文件中加载大量数据到图表中显示,所以打算使用qchartview+qscrollarea,当横坐标数据超出默认设定的显示范围之后,重新设置chartview的宽度和scrollarea内容区域(scrollAreaWidgetContents)的宽度,从而实现一次性显示所有数据的目的。因为这样显示之后,如果滚动条向右边拖动时,图表的纵坐标会看不到,为了能够方便的显示纵坐标上的值,于是想到在鼠标放在图表时,通过一个标签显示鼠标所在位置的坐标。

一、自定义QChartView,实现鼠标移动事件,获取坐标值。

项目代码根目录添加c++头文件和源文件,切记根目录,不要在子目录。

showvaluechartview.h

#ifndef SHOWVALUECHARTVIEW_H
#define SHOWVALUECHARTVIEW_H
#include <QChartView>
class ShowValueChartView: public QChartView
{Q_OBJECT
public:explicit ShowValueChartView(QWidget *parent = Q_NULLPTR);
protected:void mouseMoveEvent(QMouseEvent *e);
public: signals:/** 鼠标在图表位置的数据改变时触发 **/void onMousePositionValueChanged(QPointF valueGivenSeries);
};#endif // SHOWVALUECHARTVIEW_H

showvaluechartview.cpp

#include "showvaluechartview.h"ShowValueChartView::ShowValueChartView(QWidget *parent) : QChartView(parent)
{setMouseTracking(true);
}void ShowValueChartView::mouseMoveEvent(QMouseEvent *e)
{auto const widgetPos = e->position();auto const scenePos = this->chart()->mapToScene(QPoint(static_cast<int>(widgetPos.x()),                                                     static_cast<int>(widgetPos.y())));auto const chartItemPos = chart()->mapFromScene(scenePos);auto const valueGivenSeries = chart()->mapToValue(chartItemPos);
//    qDebug() << "widgetPos:" << widgetPos;
//    qDebug() << "scenePos:" << scenePos;
//    qDebug() << "chartItemPos:" << chartItemPos;// 鼠标所在位置的图表X,Y坐标值
//    qDebug() << "valSeries:" << valueGivenSeries;emit onMousePositionValueChanged(valueGivenSeries);
}

二、从文件中加载图表数据,并从新设置图标宽度和滚动条内容控件宽度,方便查看所有数据

1) 设计界面拖一个QWidget到显示图表的区域,然后提升控件为ShowValueChartView,文章可参考:Qt创建自定义View和在布局中使用自定义View的方法_qt自定义布局_Zafir2023的博客-CSDN博客

2)初始化chartview控件,文章可参考:

【精选】QChartView显示实时更新的温度曲线图,即动态曲线图。_Zafir2023的博客-CSDN博客

中的initTempChartView函数。

// 初始化完chartview之后添加如下代码,需要在windows定义槽函数,并实现
// 关联鼠标在图表上移动时的显示坐标的槽函数
connect(ui->chartView, &ShowValueChartView::onMousePositionValueChanged,this, &YourWindow::onMousePositionValueChanged);

 3)从文件中加载图表要显示的数据,并添加到图表的坐标序列中。

// 此处以横纵坐标都是QValueAxis类型为例。若横坐标是日期型,也类似
QList<QPointF> dataList;
for (int i = 0; i < 500; i++) {QPointF tmp;tmp.setX(i + 1);tmp.setY(10);dataList.append(tmp);
}
// 效率高,加载速度快
splineSeries.replace(dataList);
// 重新设置chartview宽度
resizeChartView(dataList);

4)根据数据量,重新设置控件大小,滚动显示图表内容

void YourWindow::resizeChartView(QList<QPointF> dataList) {int valueCount = dataList.size();//从文件中加载的数据总个数/X轴的刻度个数// 可根据默认图表宽度,在能显示所有横坐标数字的情况下,设置固定值int defaultChartXTickCount = 默认图表的x轴刻度个数(默认图表宽度能显示的最大数据个数)。// 这个可放在windows构造函数中获取一次即可,此处为了简化,defaultChartViewWidth 为成员变量if (defaultChartViewWidth == 0) {defaultChartViewWidth = ui->chartView->width();//图表默认宽度}if (valueCount > defaultChartXTickCount) {// 设置横坐标数据范围valueAxisX->setRange(1, valueCount);//设置坐标轴的精度;分成多少份(多少个刻度),最小间隔为Range/(TickCount - 1)valueAxisX->setTickCount(valueCount);// 图表视图横向放大倍数int chartWidthMagnify = 1;if (valueCount % defaultChartXTickCount == 0) {chartWidthMagnify = valueCount / defaultChartXTickCount;} else {chartWidthMagnify = valueCount / defaultChartXTickCount + 1;}// 滚动条控件内部的内容控件宽度,决定滚动显示内容的宽度ui->scrollAreaWidgetContents->setMinimumWidth(defaultChartViewWidth * chartWidthMagnify);// 图表宽度重新设置,容纳所有数据ui->chartView->setMinimumWidth(defaultChartViewWidth * chartWidthMagnify);}
}

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/131381.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【Kotlin精简】第7章 泛型

1 泛型 泛型即 “参数化类型”&#xff0c;将类型参数化&#xff0c;可以用在类&#xff0c;接口&#xff0c;函数上。与 Java 一样&#xff0c;Kotlin 也提供泛型&#xff0c;为类型安全提供保证&#xff0c;消除类型强转的烦恼。 1.1 泛型优点 类型安全&#xff1a;通用允许…

【iOS】——知乎日报第三周总结

文章目录 一、获取新闻额外信息二、工具栏按钮的布局三、评论区文字高度四、评论区长评论和短评论的数目显示五、评论区的cell布局问题和评论消息的判断 一、获取新闻额外信息 新闻额外信息的URL需要通过当前新闻的id来获取&#xff0c;所以我将所有的新闻放到一个数组中&…

android studio 字节码查看工具jclasslib bytecode viewer

jclasslib bytecode viewer 是一款非常好用的.class文件查看工具&#xff1b; jclasslib bytecode editor is a tool that visualizes all aspects of compiled Java class files and the contained bytecode. Many aspects of class files can be edited in the UI. In addit…

快速排序(Java)

基本思想 快速排序Quicksort&#xff09;是对冒泡排序的一种改进。 基本思想是分治的思想&#xff1a;通过一趟排序将要排序的数据分割成独立的两部分&#xff0c;其中一部分的所有数据都比另外一部分的所有数据都要小&#xff0c;然后再按此方法对这两部分数据分别进行快速排…

嵌入式中如何把C++代码改写成C语言代码

由于C&#xff0b;&#xff0b;解释器比C语言解释器占用的存储空间要大500k左右。为了节省有限的存储空间、降低成本&#xff0c;同时也为了提高效率&#xff0c;将用C&#xff0b;&#xff0b;语言写的源程序用C语言改写是很有必要的。 C&#xff0b;&#xff0b;与C最大的区…

Redis-使用java代码操作Redis->java连接上redis,java操作redis的常见类型数据存储,redis中的项目应用

java连接上redisjava操作redis的常见类型数据存储redis中的项目应用 1.java连接上redis package com.zlj.ssm.redis;import redis.clients.jedis.Jedis;/*** author zlj* create 2023-11-03 19:27*/ public class Demo1 {public static void main(String[] args) { // …

安卓沉浸状态栏下 PreferenceFragment 弹出的输入对话框无法跟随键盘上移的解决办法

背景介绍 在不沉浸状态栏时&#xff0c;当PreferenceFragmentCompat中有EditTextPreference时&#xff0c;点击该条目呼出的输入对话框将跟随键盘上移&#xff0c;但一旦在styles.xml中设置 <item name"android:windowTranslucentStatus">true</item> …

【JavaSE】基础笔记 - 类和对象(上)

目录 1、面向对象的初步认知 1.1、什么是面向对象 1.2、面向对象与面向过程 2. 类定义和使用 2.1、简单认识类 2.2、类的定义格式 2.3、自定义类举例说明 2.3.1、定义一个狗类 2.3.2、定义一个学生类 3、类的实例化 3.1、什么是实例化 3.2、类和对象的说明 1、面向…

非线性【SVM】的创建和使用

先来绘制散点图&#xff1a; from sklearn.datasets import make_circles X,y make_circles(100, factor0.1, noise.1) # 100个样本&#xff0c;factor:内圈和外圈的距离之比&#xff0c;noise:噪声 X.shape y.shape plt.scatter(X[:,0],X[:,1],cy,s50,cmap"rainbow&qu…

Xcode 常见错误

1. Xcode 15 编译出现以下错误 clang: error: SDK does not contain libarclite at the path /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/lib/arc/libarclite_iphonesimulator.a; try increasing the minimum deployment target 从…

园区网真实详细配置大全案例

实现要求&#xff1a; 1、只允许行政部电脑对全网telnet管理 2、所有dhcp都在核心 3、wifi用户只能上外网&#xff0c;不能访问局域网其它电脑 4、所有交换机上开rstp协议&#xff0c;接入交换机上都开bpdu保护&#xff0c;核心lsw1设置为根桥 5、只允许vlan 10-40上网 5、所有…

MFC 窗体插入图片

1.制作BMP图像1.bmp 放到res文件夹下&#xff0c;资源视图界面导入res文件夹下的1.bmp 2.添加控件 控件类型修改为Bitmap 图像&#xff0c;选择IDB_BITMAP1 3.效果

【触想智能】工业显示器上市前的检测项目分享

工业显示器在上市前&#xff0c;需要做一项重要的工作&#xff0c;那就是工业显示器出厂前的产品可靠性检测。 工业显示器选择的测试项目相比商用端更为严格&#xff0c;常见的性能测试项目包括高温老化、防尘防水、电磁静电干扰、防摔防撞等&#xff0c;在工业级应用领域&…

学习Opencv(蝴蝶书/C++)相关——1. 前言 和 第1章.概述

文章目录 1. 整体架构1.1 OpenCV3.01.2 Opencv4.xX. 在线文档X.1 Opencv cheatsheet(小抄)1. 整体架构 1.1 OpenCV3.0 对于Opencv3.x版本,网上最常见的图,图自OpenCV Tutorial-Itseez 现在已经不是500+的算法了,而是2500+,详见:About

CANoe新建XML自动化Test Modules

文章目录 1.打开Test Modules2.新建Environment3.新建XML Test Modules4.新建.can文件5.打开XML Test Modules6.新建xml脚本并保存7.编译8.在.can文件写个测试用例9.修改报告格式为HTML10.运行查看报告后面介绍的文章会重复用到这部分,这里单独介绍下,后面不做重复介绍。 1.…

springboot中使用redis管理session

前言 使用软件&#xff1a; redis&#xff1a; linux版本下载 windows版本下载 安装redis 下载redis http://download.redis.io/releases/ 源码安装redis&#xff08;ubuntu&#xff09; #将指定版本的redis上传到服务器#解压 sudo tar -xzvf redis-6.2.4.tar.gzcd re…

中间件redis的使用

Java中的中间件配置体现在springboot的yml配置文件中。Springboot框架支持微服务和中间件和restful api远程服务的调用。中间件是Java web系统的中间层的服务系统的调用接口。Springboot的自动装配和约定大于配置机制初始化springcontext的容器空间和注册组件。使用容器管理服务…

python创建一个简单的flask应用

下面用python在本地和服务器上分别创建一个简单的flask应用&#xff1a; 1.在pc本地 1&#xff09;pip flask后创建一个简单的脚本flask_demo.py from flask import Flaskapp Flask(__name__)app.route(/) def hello_world():return Hello, World!winR进入命令行&#xff0c;…

MongoDB设置密码

关于为什么要设置密码 公司的测试服务器MongoDB服务对外网开放的&#xff0c;结果这几天发现数据库被每天晚上被人清空的了&#xff0c;还新建了个数据库&#xff0c;说是要支付比特币。查了日志看到有个境外的IP登录且删除了所有的集合。所以为了安全起见&#xff0c;我们给m…

ffmpeg视频截取时DTS乱序导致无法截取的问题

最近在一个需求中&#xff0c;我需要批量从hls视频中截取出10s的视频&#xff0c;发现有很小概率会截取失败&#xff0c; 视频截取的完整命令如下&#xff1a; ffmpeg -i https://file.xindoo.xyz/utopia-file/local/video/605d3af0a9cb469c91fbb309422e6672/playlist.m3u8 -r…