若該文爲原創文章，未經容許不得轉載 原博主博客地址：https://blog.csdn.net/qq21497936
原博主博客導航：http://www.javashuo.com/article/p-wxwjppoc-mo.html
本文章博客地址：https://blog.csdn.net/qq21497936/article/details/106528645
各位讀者，知識無窮而人力有窮，要麼改需求，要麼找專業人士，要麼本身研究
紅胖子(紅模仿)的博文大全：開發技術集合（包含Qt實用技術、樹莓派、三維、OpenCV、OpenGL、ffmpeg、OSG、單片機、軟硬結合等等）持續更新中…（點擊傳送門）app
Qt開發專欄：開發技術（點擊傳送門）
《Qt開發技術：QtCharts（一）QtCharts基本介紹以及圖表框架詳解》 敬請期待...框架
<br>佈局
前話
Qt自帶的二維圖標QCharts相關研發筆記。字體
Qt圖標（Qt Charts）
概述
Qt圖表模塊提供了一組易於使用的圖表組件。它使用Qt圖形視圖框架，所以圖表能夠很容易地集成到現代用戶界面中。Qt圖表能夠用做QWidgets、QGraphicsWidget或QML類型。用戶能夠經過選擇一個圖表主題輕鬆建立使人印象深入的圖表。動畫
開始使用
在應用程序中使用Qt圖表C++類，須要使用下面的包含和使用指令：ui
#include <QtCharts> using namespace QtCharts;
注意：因爲Qt Creator 3.0，使用Qt快速應用程序嚮導建立的基於Qt Quick 2模板的項目默認使用QGuiApplication。項目中的全部此類QGuiApplication實例都必須替換爲QApplication，由於該模塊依賴於Qt的圖形視圖框架進行呈現。
要連接到Qt圖表模塊，請將此行添加到qmake項目文件中：spa
QT += charts
C++圖表全部類
<br>.net
Qt圖表顯示（Qt Charts）
概述
Qt圖表可以建立時尚、交互式、以數據爲中心的用戶界面。Qt圖表使用圖形視圖框架以便於集成。圖表組件能夠用做QWidget或QGraphicsWidget對象或QML類。
QChart類管理不一樣類型的系列和其餘圖表相關對象（如圖例和軸）的圖形表示。QChart是一個QGraphicScene中能夠顯示的QGraphicsWidget。更簡單的解決方案是使用方便類QChartView而不是QChart在佈局中顯示圖表。在QML中，使用ChartView類型顯示圖表。
經過使用QPolarChart類（QChart類的專門化）或polar ChartView QML類型（ChartView類型的專門化），某些圖表組件也能夠表示爲極座標圖。
能夠經過使用主題、修改顏色和屬性、隱藏圖表組件或設置圖表動畫來自定義圖表的外觀。
模型映射器容許使用從QAbstractItemModel類派生的數據模型做爲圖表的數據源。模型映射器能夠是水平的，也能夠是垂直的。3d
圖表類型
Qt圖表模塊提供以下類型：code
- 折線圖
- 樣條曲線圖
- 面積圖
- 散點圖
- 條形圖
- 餅圖
- 方塊鬍鬚圖
- 蠟燭圖
- 極座標圖
折線圖
樣條曲線圖
面積圖
散點圖
條形圖
餅圖
方塊鬍鬚圖
蠟燭圖
極座標圖
<br>
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
此枚舉描述圖表類型。
屬性
<br>
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);
}
橫軸和縱軸的效果以下圖：
<br>
原博主博客地址：https://blog.csdn.net/qq21497936
原博主博客導航：http://www.javashuo.com/article/p-wxwjppoc-mo.html
本文章博客地址：https://blog.csdn.net/qq21497936/article/details/106528645