Qt QChart 繪制面積圖 QAreaSeries

0.創建ui窗口：

主要就是拖拉一個Horizontal Layout

1.創建QChart對象：

QChart *chart = new QChart(); 2 chart->setTitle("面積圖演示"); //設置表格標題

2.創建QLineSeries對象：

QLineSeries *series1 = new QLineSeries(chart);  2 series1->setName("A店鋪接單數");  3 // 添加節點
series1->append(0,8);  5 series1->append(1,10);  6 series1->append(2,12);  7 series1->append(3,17);  8 series1->append(4,19);  9 series1->append(5,18); 10 series1->append(6,20); 11 
QLineSeries *series2 = new QLineSeries(chart); 13 series2->setName("B店鋪接單數"); 14 series2->append(0,1); 15 series2->append(1,4); 16 series2->append(2,5); 17 series2->append(3,3); 18 series2->append(4,11); 19 series2->append(5,16); 20 series2->append(6,19);

3.創建QAreaSeries對象：

//（區域上限，區域下限）
QAreaSeries *area1 = new QAreaSeries(series1, 0); 3 QAreaSeries *area2 = new QAreaSeries(series2, series1); 4 area1->setName("A區域"); 5 area2->setName("B區域");

4.將QAreaSeries添加到QChart

chart->addSeries(area1); 2 chart->addSeries(area2);

5.圖表綜合效果設置：

//設置動畫效果
chart->setAnimationOptions(QChart::AllAnimations);  3 
chart->createDefaultAxes();//設置網格線
chart->axes(Qt::Horizontal).first()->setRange(0, 7);//設置x軸范圍
chart->axes(Qt::Vertical).first()->setRange(0, 20);//設置y軸范圍  7 
// Add space to label to add space between labels and axis 在標簽和軸之間加空格
QValueAxis *axisY = qobject_cast<QValueAxis*>(chart->axes(Qt::Vertical).first()); 10 Q_ASSERT(axisY); 11 axisY->setLabelFormat("%.1f "); 12 
//設置圖表主題(會修改到扇區的顏色) 14 // 可選： QChart::ChartThemeLight 15 // QChart::ChartThemeBlueCerulean 16 // QChart::ChartThemeDark 17 // QChart::ChartThemeBrownSand 18 // QChart::ChartThemeBlueNcs 19 // QChart::ChartThemeHighContrast 20 // QChart::ChartThemeBlueIcy 21 // QChart::ChartThemeQt
chart->setTheme(QChart::ChartThemeDark);

6.顯示圖表：

QChartView *chartView; 2 chartView = new QChartView(chart); 3 ui->verticalLayout->insertWidget(chartView);

代碼整體呈現：

mainwindow.h

#ifndef MAINWINDOW_H  2 #define MAINWINDOW_H

#include <QMainWindow>
#include <QtCharts>

QT_BEGIN_NAMESPACE  8 namespace Ui { class MainWindow; }  9 QT_END_NAMESPACE 10 
QT_CHARTS_BEGIN_NAMESPACE 12 class QChartView; 13 class QChart; 14 QT_CHARTS_END_NAMESPACE 15 
QT_CHARTS_USE_NAMESPACE 17 
class MainWindow : public QMainWindow 19 { 20  Q_OBJECT 21 
public: 23     MainWindow(QWidget *parent = nullptr); 24     ~MainWindow(); 25     QChart * createAreaChart() const; // 繪制自定義的面積圖
private: 27     Ui::MainWindow *ui; 28 }; 29 #endif // MAINWINDOW_H

mainwindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent)  5  : QMainWindow(parent)  6     , ui(new Ui::MainWindow)  7 {  8     ui->setupUi(this);  9 
    // 創建QChartView 對象
    QChartView *chartView; 12     // QChartView 對象載入面積圖
    chartView = new QChartView(createAreaChart()); 14     // 顯示圖標
    ui->verticalLayout->insertWidget(chartView); 16 
} 18 
MainWindow::~MainWindow() 20 { 21     delete ui; 22 } 23 
//繪制面積圖
QChart *MainWindow::createAreaChart() const
{ 27 
    QChart *chart = new QChart(); 29     chart->setTitle("面積圖演示"); 30 
    QLineSeries *series1 = new QLineSeries(chart); 32     series1->setName("A店鋪接單數"); 33 
    series1->append(0,8); 35     series1->append(1,10); 36     series1->append(2,12); 37     series1->append(3,17); 38     series1->append(4,19); 39     series1->append(5,18); 40     series1->append(6,20); 41 
    QLineSeries *series2 = new QLineSeries(chart); 43     series2->setName("B店鋪接單數"); 44     series2->append(0,1); 45     series2->append(1,4); 46     series2->append(2,5); 47     series2->append(3,3); 48     series2->append(4,11); 49     series2->append(5,16); 50     series2->append(6,19); 51 
    QAreaSeries *area1 = new QAreaSeries(series1, 0); 53     QAreaSeries *area2 = new QAreaSeries(series2, series1); 54     area1->setName("A區域"); 55     area2->setName("B區域"); 56     chart->addSeries(area1); 57     chart->addSeries(area2); 58     chart->createDefaultAxes(); 59     chart->axes(Qt::Horizontal).first()->setRange(0, 6); 60     chart->axes(Qt::Vertical).first()->setRange(0, 20); 61 
    // Add space to label to add space between labels and axis在標簽和軸之間加空格
    QValueAxis *axisY = qobject_cast<QValueAxis*>(chart->axes(Qt::Vertical).first()); 64  Q_ASSERT(axisY); 65     axisY->setLabelFormat("%.1f "); 66     chart->setTheme(QChart::ChartThemeBrownSand); 67     return chart; 68 }