QT中图表类QChart系列之(1)-基本用法,画折线图、各个类之间的关系

8 篇文章 14 订阅

参考:https://www.cnblogs.com/yunhaisoft/p/5180127.html

首先要注意3点:
(1)在.pro文件中添加:QT       += charts。

(2)用到QChart的文件中添加:QT_CHARTS_USE_NAMESPACE,或者:using namespace QtCharts;

在ui界面中拖入一个graphicsView控件,然后右击提升为QChartView类,写提升为的类:QtCharts::QChartView,头文件写:qchartview.h

(3)别忘了在用到QChartView的文件中添加#include <QChartView>

(4)如果编译报错,请依次执行:清除->执行qmake->构建

参考:https://blog.csdn.net/liang19890820/article/details/52210175

QChart的两种显示方法:(本质上就是同一种方法)

(1)QChart必须显示在widget上,更确切地说,是必须把它显示在QGraphicView控件中,众所周知,QT的ui控件都可以作为独立窗口直接显示,所以这就是方法1。

(2)把QChart显示在ui界面的QGraphicView控件中。

PS:把QChart显示在QGraphicView控件中,程序略显繁琐,QT早就为我们封装好了一个ui控件类QtCharts::QChartView,它继承了QGraphicView。这就是上文提到的把QGraphicView提升成了QChartView。用QChartView来显示QChart还是很方便的。

 

用QGraphicView来显示QChart较为繁琐,下面来对比一下,分别用QGraphicView和QChartView来显示QChart,代码量的区别:

(1)用QGraphicView来显示,需要借助QGraphicsScene类。具体地说就是,QGraphicView在最底层,QGraphicsScene在中间,QChart在最外层。

QGraphicsScene scene;//场景(中间层)
QGraphicsView view(&scene);//视图(最底层)
view.setRenderHint(QPainter::Antialiasing);//设置视图抗锯齿
view.setSceneRect(0, 0, 630, 280);//设置视图大小

QLineSeries *lineseries = new QLineSeries();//图表的数据集
lineseries->append(0, 5);//append和<<功能差不多
*lineseries << QPointF(13, 5) << QPointF(17, 6) << QPointF(20, 2);

QChart *lineChart = new QChart();//图表(最顶层)
lineChart->addSeries(lineseries);  // 将 数据集 添加至图表中

scene.addItem(lineChart);//把图标添加到场景中(一个场景中允许添加多个图表)
view.show();//视图显示

(2)用QChartView来显示QChart较为方便

QLineSeries *lineseries = new QLineSeries();//图表的数据集
lineseries->append(0, 5);//append和<<功能差不多
*lineseries << QPointF(13, 5) << QPointF(17, 6) << QPointF(20, 2);

QChart *lineChart = new QChart();//图表(最顶层)
lineChart->addSeries(lineseries);  // 将 数据集 添加至图表中

QChartView *chartView = new QChartView(chart);//QChartView 可以一步到位直接显示QChart
chartView->setRenderHint(QPainter::Antialiasing);//继承来的抗锯齿方法
chartView->resize(400, 300);
chartView->show();//本示例代码,把该控件作为窗口直接显示出来。
//其实,也可以把QChartView的父控件设置为主UI,这样就能把QChartView显示在主窗体中了

最后再来捋一下各个类之间的层次关系。下图中,大括号“{”代表左边实体包含右边实体,下箭头↓↓↓↓代表继承关系

 

  • 6
    点赞
  • 107
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要用Qt绘制温湿度折线图,可以使用Qt自带的数据可视化库QChart,它提供了多种图表型,包括折线图、柱状图、饼图等等。下面是一个使用QChart绘制温湿度折线图的示例代码: 1. 在Qt Designer创建一个QChartView控件,用于显示折线图。 2. 在代码创建QLineSeries对象,通过addData方法添加温度和湿度数据。 3. 创建QChart对象,将QLineSeries添加到QChart。 4. 将QChart设置到QChartView控件,显示折线图。 示例代码如下: ``` // 创建QLineSeries对象,添加温度和湿度数据 QLineSeries* tempSeries = new QLineSeries(); QLineSeries* humidSeries = new QLineSeries(); for(int i = 0; i < m_temperatures.size(); ++i) { tempSeries->append(i, m_temperatures[i]); humidSeries->append(i, m_humidities[i]); } // 创建QChart对象,将QLineSeries添加到QChart QChart* chart = new QChart(); chart->addSeries(tempSeries); chart->addSeries(humidSeries); chart->createDefaultAxes(); // 自动创建坐标轴 chart->setTitle("Temperature and Humidity"); // 设置标题 // 设置图例 chart->legend()->setVisible(true); chart->legend()->setAlignment(Qt::AlignBottom); // 将QChart设置到QChartView控件,显示折线图 ui->chartView->setChart(chart); ui->chartView->setRenderHint(QPainter::Antialiasing); // 抗锯齿 ``` 在上述代码,m_temperatures和m_humidities是存储温度和湿度数据的容器,可以通过外部接口或者文件读取等方式获取数据。通过QLineSeries的append方法添加数据,然后将QLineSeries添加到QChart。通过QChartView的setChart方法将QChart设置到QChartView,显示折线图。可以通过QChart的setTitle方法设置标题,通过legend方法设置图例。最后,通过setRenderHint方法设置抗锯齿,使得图表显示更加平滑。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值