QChart 设置图例折线图名称在同一条线上在在名称前添加图片

2024-05-11 06:48

本文主要是介绍QChart 设置图例折线图名称在同一条线上在在名称前添加图片,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

首先嵌套QGraphicsScene自己做一个头

void CreateTopWidget::initWidget()
{
    setStyleSheet("background-color:rgb(8, 21, 66);");
    m_scene = new QGraphicsScene();
    m_scene->setSceneRect(0, 0, 100, 10);
 
    m_grapView = new QGraphicsView();
    m_grapView->setStyleSheet("border: 3px solid rgb(8, 21, 66);");
    m_grapView->setScene(m_scene);
 
    QHBoxLayout * lay = new QHBoxLayout();
    lay->setContentsMargins(9, 0, 0, 0);
    lay->setSpacing(0);
    setLayout(lay);
 
    QWidget * widget = new QWidget();
    QHBoxLayout* tblay = new QHBoxLayout();
    tblay->setContentsMargins(0, 0, 0, 0);
    tblay->setSpacing(20);
    widget->setLayout(tblay);
 
    lb_img = new QLabel();
    tblay->addWidget(lb_img);
 
    lb_name = new QLabel();
    tblay->addWidget(lb_name);
 
    QSpacerItem* spacer = new QSpacerItem(20, 20, QSizePolicy::Expanding, QSizePolicy::Minimum);
    tblay->addSpacerItem(spacer);
 
    QHBoxLayout* btnLay = new QHBoxLayout();
    btnLay->setContentsMargins(0, 0, 0, 0);
    QWidget* wt_title = new QWidget();
    wt_title->setGeometry(0, 0, 100, 10);
    btnLay->addWidget(wt_title);
    tblay->addLayout(btnLay);
 
    QHBoxLayout* hblay = new QHBoxLayout();
    hblay->setContentsMargins(0, 0, 0, 0);
    hblay->setSpacing(0);
    wt_title->setLayout(hblay);
    hblay->addWidget(m_grapView);
 
    lay->addWidget(widget);
 
}

因为QChart + QGraphicsScene 也可以使用,所以以QGraphicsView为基类

MyChart::MyChart(QWidget *parent) : QGraphicsView(parent)
{
    initWidget();
}
 
void MyChart::initWidget()
{
    m_grapScene = new QGraphicsScene();
    this->setScene(m_grapScene);
    wt_top = new CreateTopWidget();
 
    m_chart = new QChart();
    QBrush brush(QColor(8, 21, 66));
    m_chart->setBackgroundBrush(brush);
    m_chart->setAnimationOptions(QChart::SeriesAnimations);
    m_chart->createDefaultAxes();
 
    QLegend *le = m_chart->legend();
    m_grapScene->addItem(m_chart);
    m_grapScene->addWidget(wt_top);
    wt_top->setGrapScene(le);//获取当前图例放入QGraphicsScene中
}

之后

void MainWindow::initWidget()
{
    QGraphicsScene* scene = new QGraphicsScene();
    scene->setSceneRect(0, 10, 400, 300);
 
    QGraphicsView* view = new QGraphicsView();
    view->setScene(scene);
    view->setSceneRect(0, 0, 400, 300);
 
    MyChart *chart = new MyChart();
    chart->setTitle(":/icon.png", "Series 样例");
    chart->setGeometrys(0, 10, 600, 400);
 
    QBarCategoryAxis* Axis = new QBarCategoryAxis();
    Axis->setGridLineVisible(false);
    Axis->setLabelsColor(QColor(255, 255, 255));
    QStringList list;
    list<<"0"<<"1"<<"2"<<"3"<<"4"<<"5";
    Axis->append(list);
 
    QValueAxis* AxisY = new QValueAxis;
    AxisY->setLabelsColor(QColor(255, 255, 255));
    AxisY->setMinorGridLineVisible(false);
    AxisY->setGridLineVisible(false);
    AxisY->setLabelFormat("%d"); //设置刻度的格式
    AxisY->setRange(0, 10);
    AxisY->setTickCount(5);     //设置多少格
    AxisY->setMinorTickCount(5); //设置每格小刻度线的数目
 
    QSplineSeries *series = new QSplineSeries(chart);
    QList<QPointF> pointF;
    pointF<<QPoint(0,1)<<QPoint(1,1)<<QPoint(2,2)<<QPoint(3,3)<<QPoint(4,4);
    series->append(pointF);
    QString name("Series ");
    series->setName(name + QString::number(0));
 
    QSplineSeries *series1 = new QSplineSeries(chart);
    QList<QPointF> pointF1;
    pointF1<<QPoint(0,9)<<QPoint(1,4)<<QPoint(2,3)<<QPoint(3,1)<<QPoint(4,10);
    series1->append(pointF1);
    series1->setName(name + QString::number(1));
 
    chart->Legend()->setLabelColor(QColor(255,255,255));
 
    chart->addSeries(series);
    chart->addSeries(series1);
 
    chart->setAxisX(Axis, series);
    chart->setAxisX(Axis, series1);
 
    chart->setAxisY(AxisY, series);
    chart->setAxisY(AxisY, series1);
    ui->widget->layout()->addWidget(chart);
}

效果图:

下载地址:https://download.csdn.net/download/u010304326/10539740

这篇关于QChart 设置图例折线图名称在同一条线上在在名称前添加图片的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/978797

相关文章

CSS弹性布局常用设置方式

《CSS弹性布局常用设置方式》文章总结了CSS布局与样式的常用属性和技巧,包括视口单位、弹性盒子布局、浮动元素、背景和边框样式、文本和阴影效果、溢出隐藏、定位以及背景渐变等,通过这些技巧,可以实现复杂... 一、单位元素vm 1vm 为视口的1%vh 视口高的1%vmin 参照长边vmax 参照长边re

Python利用PIL进行图片压缩

《Python利用PIL进行图片压缩》有时在发送一些文件如PPT、Word时,由于文件中的图片太大,导致文件也太大,无法发送,所以本文为大家介绍了Python中图片压缩的方法,需要的可以参考下... 有时在发送一些文件如PPT、Word时,由于文件中的图片太大,导致文件也太大,无法发送,所有可以对文件中的图

java获取图片的大小、宽度、高度方式

《java获取图片的大小、宽度、高度方式》文章介绍了如何将File对象转换为MultipartFile对象的过程,并分享了个人经验,希望能为读者提供参考... 目China编程录Java获取图片的大小、宽度、高度File对象(该对象里面是图片)MultipartFile对象(该对象里面是图片)总结java获取图片

Windows设置nginx启动端口的方法

《Windows设置nginx启动端口的方法》在服务器配置与开发过程中,nginx作为一款高效的HTTP和反向代理服务器,被广泛应用,而在Windows系统中,合理设置nginx的启动端口,是确保其正... 目录一、为什么要设置 nginx 启动端口二、设置步骤三、常见问题及解决一、为什么要设置 nginx

Java实战之自助进行多张图片合成拼接

《Java实战之自助进行多张图片合成拼接》在当今数字化时代,图像处理技术在各个领域都发挥着至关重要的作用,本文为大家详细介绍了如何使用Java实现多张图片合成拼接,需要的可以了解下... 目录前言一、图片合成需求描述二、图片合成设计与实现1、编程语言2、基础数据准备3、图片合成流程4、图片合成实现三、总结前

使用Python实现图片和base64转换工具

《使用Python实现图片和base64转换工具》这篇文章主要为大家详细介绍了如何使用Python中的base64模块编写一个工具,可以实现图片和Base64编码之间的转换,感兴趣的小伙伴可以了解下... 简介使用python的base64模块来实现图片和Base64编码之间的转换。可以将图片转换为Bas

css实现图片旋转功能

《css实现图片旋转功能》:本文主要介绍了四种CSS变换效果:图片旋转90度、水平翻转、垂直翻转,并附带了相应的代码示例,详细内容请阅读本文,希望能对你有所帮助... 一 css实现图片旋转90度.icon{ -moz-transform:rotate(-90deg); -webkit-transfo

vue基于ElementUI动态设置表格高度的3种方法

《vue基于ElementUI动态设置表格高度的3种方法》ElementUI+vue动态设置表格高度的几种方法,抛砖引玉,还有其它方法动态设置表格高度,大家可以开动脑筋... 方法一、css + js的形式这个方法需要在表格外层设置一个div,原理是将表格的高度设置成外层div的高度,所以外层的div需要

电脑密码怎么设置? 一文读懂电脑密码的详细指南

《电脑密码怎么设置?一文读懂电脑密码的详细指南》为了保护个人隐私和数据安全,设置电脑密码显得尤为重要,那么,如何在电脑上设置密码呢?详细请看下文介绍... 设置电脑密码是保护个人隐私、数据安全以及系统安全的重要措施,下面以Windows 11系统为例,跟大家分享一下设置电脑密码的具体办php法。Windo

C#实现添加/替换/提取或删除Excel中的图片

《C#实现添加/替换/提取或删除Excel中的图片》在Excel中插入与数据相关的图片,能将关键数据或信息以更直观的方式呈现出来,使文档更加美观,下面我们来看看如何在C#中实现添加/替换/提取或删除E... 在Excandroidel中插入与数据相关的图片,能将关键数据或信息以更直观的方式呈现出来,使文档更