快捷導(dǎo)航

Qt圖形圖像開(kāi)發(fā)之曲線(xiàn)圖表模塊QChart庫(kù)一個(gè)chart中顯示兩條曲線(xiàn)詳細(xì)方法與實(shí)例

更新時(shí)間：2020年03月11日 16:18:31 作者：qq_610642

這篇文章主要介紹了Qt圖形圖像開(kāi)發(fā)之曲線(xiàn)圖表模塊QChart庫(kù)一個(gè)chart中顯示兩條曲線(xiàn)詳細(xì)方法與實(shí)例,需要的朋友可以參考下

首先要了解QChartView、QChart、QLineSeries、QValueAxis的實(shí)體之間的關(guān)系，例如一個(gè)QChartView中可以包含幾個(gè)QValueAxis？這些可參考 Qt圖形圖像開(kāi)發(fā)曲線(xiàn)圖表模塊QChart庫(kù)基本用法、各個(gè)類(lèi)之間的關(guān)系說(shuō)明

每個(gè)chart可以包含多個(gè)QLineSeries數(shù)據(jù)系列，每個(gè)QLineSeries數(shù)據(jù)系列又包含了2個(gè)QValueAxis數(shù)值軸或QDateTimeAxis時(shí)間軸。

那么這個(gè)chart中的多個(gè)數(shù)據(jù)系列，一起顯示在同一個(gè)chart中，會(huì)是什么情形？

新建ui工程，并添加MainWindow私有變量：

#ifndef MAINWINDOW_H
#define MAINWINDOW_H
 
#include <QMainWindow>
#include <QChartView>
#include <QChart>
#include <QLineSeries>
#include <QValueAxis>
 
QT_CHARTS_USE_NAMESPACE
 
namespace Ui {
class MainWindow;
}
 
class MainWindow : public QMainWindow
{
 Q_OBJECT
 
public:
 explicit MainWindow(QWidget *parent = 0);
 ~MainWindow();
 
private:
 Ui::MainWindow *ui;
 QChart *chart;//非必要（QCharView實(shí)體中自帶一個(gè)QChart實(shí)體）
 QLineSeries *series_sin, *series_cos;
 QValueAxis *axis_x_sin, *axis_y_sin, *axis_x_cos, *axis_y_cos;
};
 
#endif // MAINWINDOW_H

MainWindow::MainWindow(QWidget *parent) :
 QMainWindow(parent),
 ui(new Ui::MainWindow),
 chart(new QChart),//或者不用new，直接指向ui->graphicsView->chart()也行
 series_sin(new QLineSeries),//sin曲線(xiàn)的數(shù)據(jù)點(diǎn)
 series_cos(new QLineSeries),//cos曲線(xiàn)的數(shù)據(jù)點(diǎn)
 axis_x_sin(new QValueAxis),//sin的X軸
 axis_y_sin(new QValueAxis),//sin的Y軸
 axis_x_cos(new QValueAxis),//cos的X軸
 axis_y_cos(new QValueAxis)//cos的Y軸
{
 ui->setupUi(this);
 ui->graphicsView->setChart(chart);//view中顯示出chart
 
 for(float x = 0; x < 10; x += 0.1)
 {
  series_sin->append(x, sin(x));
 }
 axis_x_sin->setRange(-5,25);
 axis_y_sin->setRange(-2,2);
 chart->addSeries(series_sin);
 /*功能是：添加軸，并把軸和數(shù)據(jù)系列連接。注意，這一行并不能用來(lái)給chart添加數(shù)據(jù)系列
  添加數(shù)據(jù)系列，要用chart->addSeries*/
 chart->setAxisX(axis_x_sin, series_sin);
 chart->setAxisY(axis_y_sin, series_sin);
 
 
 for(float x = 10; x < 20; x += 0.1)
 {
  series_cos->append(x, cos(x));
 }
 
 axis_x_cos->setRange(5,25);
 axis_y_cos->setRange(-2,2);
 chart->addSeries(series_cos);
 chart->setAxisX(axis_x_cos, series_cos);//cos使用自己的X軸
 chart->setAxisY(axis_y_cos, series_cos);
// chart->setAxisX(axis_x_sin, series_cos);//cos共享sin曲線(xiàn)的X軸
// chart->setAxisY(axis_y_sin, series_cos);
}

運(yùn)行結(jié)果如下所示，我們發(fā)現(xiàn)，兩條曲線(xiàn)各自為政。