若該文為原創文章，未經允許不得轉載
原博主博客地址：https://blog.csdn.net/qq21497936
原博主博客導航：https://blog.csdn.net/qq21497936/article/details/102478062
本文章博客地址：https://blog.csdn.net/qq21497936/article/details/106528645
各位讀者，知識無窮而人力有窮，要么改需求，要么找專業人士，要么自己研究
紅胖子(紅模仿)的博文大全：開發技術集合（包含Qt實用技術、樹莓派、三維、OpenCV、OpenGL、ffmpeg、OSG、單片機、軟硬結合等等）持續更新中…（點擊傳送門）

Qt開發專欄：開發技術（點擊傳送門）

《Qt開發技術：QtCharts（一）QtCharts基本介紹以及圖表框架詳解》
敬請期待…

前話

Qt自帶的二維圖標QCharts相關研發筆記。

Qt圖標（Qt Charts）

概述

Qt圖表模塊提供了一組易于使用的圖表組件。它使用Qt圖形視圖框架，因此圖表可以很容易地集成到現代用戶界面中。Qt圖表可以用作QWidgets、QGraphicsWidget或QML類型。用戶可以通過選擇一個圖表主題輕松創建令人印象深刻的圖表。

開始使用

在應用程序中使用Qt圖表C++類，需要使用下面的包含和使用指令：

#include <QtCharts> using namespace QtCharts;

注意：由于Qt Creator 3.0，使用Qt快速應用程序向導創建的基于Qt Quick 2模板的項目默認使用QGuiApplication。項目中的所有此類QGuiApplication實例都必須替換為QApplication，因為該模塊依賴于Qt的圖形視圖框架進行呈現。
要鏈接到Qt圖表模塊，請將此行添加到qmake項目文件中：

QT += charts

C++圖表所有類

Qt圖表顯示（Qt Charts）

概述

Qt圖表能夠創建時尚、交互式、以數據為中心的用戶界面。Qt圖表使用圖形視圖框架以便于集成。圖表組件可以用作QWidget或QGraphicsWidget對象或QML類。

QChart類管理不同類型的系列和其他圖表相關對象（如圖例和軸）的圖形表示。QChart是一個QGraphicScene中可以顯示的QGraphicsWidget。更簡單的解決方案是使用方便類QChartView而不是QChart在布局中顯示圖表。在QML中，使用ChartView類型顯示圖表。
通過使用QPolarChart類（QChart類的專門化）或polar ChartView QML類型（ChartView類型的專門化），某些圖表組件也可以表示為極坐標圖。
可以通過使用主題、修改顏色和屬性、隱藏圖表組件或設置圖表動畫來自定義圖表的外觀。
模型映射器允許使用從QAbstractItemModel類派生的數據模型作為圖表的數據源。模型映射器可以是水平的，也可以是垂直的。

圖表類型

Qt圖表模塊提供如下類型：

• 折線圖
• 樣條曲線圖
• 面積圖
• 散點圖
• 條形圖
• 餅圖
• 方塊胡須圖
• 蠟燭圖
• 極坐標圖

折線圖

樣條曲線圖

面積圖

散點圖

條形圖

餅圖

方塊胡須圖

蠟燭圖

極坐標圖

QChart圖表框架

QCharts的圖表框架類似于Qt的圖形視圖框架，QChart類似于QGraphicsItem，QChartVeiew類似于QGraphicsView。

• 表里面的片段：相當于表里面的分段（多少個選項），有一些基本的屬性參數；
• 表：相當于Item里面繪制的內容，決定了是哪種圖表；
• QChart：類似于容器，可以加載不同的表，通過QChartView顯示；
• QChartView：是顯示QChart是視圖類；
  注意：QChart框架顯示圖表視圖與圖形視圖有明顯的不同點，QChart不需要場景類就能顯示，而圖形視圖框架是需要場景類支撐顯示。

QChart載體類（類似于QGraphicsItem）

概述

QChart類管理圖表系列、圖例和軸的圖形表示。
QChart是一個QGaphicScene中可以顯示的QGraphicsWidget。它管理不同類型系列和其他圖表相關對象（如圖例和軸）的圖形表示。為了簡單地在布局中顯示圖表，可以使用方便類QChartView代替QChart。此外，使用QPolarChart類，可以將線、樣條曲線、面積和散布序列表示為極坐標圖。

枚舉

enum QChart::AnimationOption

此枚舉描述圖表中啟用的動畫。

enum QChart::ChartTheme

此枚舉描述圖表使用的主題。
主題是應用于圖表的所有視覺元素（如顏色、筆、畫筆、系列字體以及軸、標題和圖例）的UI樣式相關設置的內置集合。
注意：更改主題將覆蓋以前應用于該系列的所有自定義設置。

enum QChart::ChartType

此枚舉描述圖表類型。

屬性

ChartView視圖類（類屬與QGraphicItem）

概述

QChartView是一個獨立的小部件，可以顯示圖表。
圖表視圖不需要QGraphicScene對象才能工作。若要在現有的子列表中顯示圖表，則應使用子類或子類。

枚舉

enum QChartView::RubberBand

QLegend圖項標簽

概述

QLegend類顯示圖表的圖例。
圖例是顯示圖表圖例的圖形對象。當序列改變時，圖例狀態由QChart更新。默認情況下，圖例附加到圖表，但可以將其分離，使其獨立于圖表布局。
注意：不能創建或刪除圖例對象，但可以通過QChart類引用它們。

枚舉

enum QLegend::MarkerShape

此枚舉描述呈現圖例標記項時使用的形狀。
&esmp;

QValueAxis

概述

該類將值添加到圖表的軸上。
可以設置一個值軸來顯示帶有刻痕、網格線和陰影的軸線。軸上的值繪制在刻度標記的位置。
下面的示例代碼演示如何使用QValueAxax類：

void ScatterChartWidget::testDemo1() { _pChart->removeAllSeries(); // 散點圖：參數1 QScatterSeries *_pScatterSeries = new QScatterSeries(); _pScatterSeries->setName("參數1"); _pScatterSeries->setBrush(QColor(59, 189, 191)); _pScatterSeries->setBorderColor(QColor(0, 0, 0, 0)); _pScatterSeries->setMarkerShape(QScatterSeries::MarkerShapeRectangle); _pScatterSeries->setMarkerSize(6.0); _pScatterSeries->append(164.1, 50.6); // ...do something _pScatterSeries->append(150.5, 110); _pChart->addSeries(_pScatterSeries); // 軸的顏色 QColor colorAxis = QColor(24, 111, 167); // 水平軸 QValueAxis *_pValueAxisH = new QValueAxis(); _pValueAxisH->setLinePen(QPen(colorAxis, 2)); _pValueAxisH->setGridLineVisible(false); // 定義軸范圍 _pValueAxisH->setRange(140, 200); // 定義軸的TickCount _pValueAxisH->setTickCount(7); // 定義軸的標簽格式 _pValueAxisH->setLabelFormat("%d cm"); _pChart->addAxis(_pValueAxisH, Qt::AlignBottom); // 垂直軸 QValueAxis *_pValueAxisV = new QValueAxis(); _pValueAxisV->setLinePen(QPen(colorAxis, 2)); _pValueAxisV->setGridLineVisible(false); // 定義軸范圍 _pValueAxisV->setRange(40, 120); // 定義軸的TickCount _pValueAxisV->setTickCount(5); // 定義軸的標簽格式 _pValueAxisV->setLabelFormat("%d kg"); _pChart->addAxis(_pValueAxisV, Qt::AlignLeft); }

橫軸和縱軸的效果如下圖：

原博主博客地址：https://blog.csdn.net/qq21497936
原博主博客導航：https://blog.csdn.net/qq21497936/article/details/102478062
本文章博客地址：https://blog.csdn.net/qq21497936/article/details/106528645

總結

以上是生活随笔為你收集整理的框架详解_Qt开发技术：QtCharts（一）QtCharts基本介绍以及图表框架详解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。