一、QtCharts
QtCharts是Qt自帶的組件庫，其中包含折線、曲線、餅圖、棒圖、散點圖、雷達圖等各種常用的圖表。而在地面站開發過程中，使用折線圖可以對無人機的一些狀態數據進行監測，更是可以使用散點圖來模擬飛機所在位置，實現平面地圖的感覺。
使用Qt Charts繪製，大概可以分爲四個部分：數據(QXYSeries)、圖表(QChart)、座標軸(QAbstractAXis)和視圖(QChartView)。這裏就不一一給大家介紹了，下面給大家說一下QtCharts的配置安裝。
二、配置安裝
- 準備工作 安裝Qt時帶上charts,否則無法使用。版本最好是Qt5.7以後的版本。 對於編譯方式安裝的 Qt，需要注意在 configure 時不要跳過 charts。 對於安裝包方式安裝的 Qt，需要注意在安裝時，確保 charts 組件被選中。
- 修改配置文件 新建一個項目 在pro中，使用如下語句包含charts庫
QT += charts
- 提升 widget 控件爲 QChartView 在繪製 ui 窗體時，從designer的工具箱中選擇一個“Widget”類型的控件，而後單擊鼠標右鍵，選擇 “提升爲”；在彈出的界面中，填寫"提升的類名稱" 爲: QChartView，頭文件名稱就會自動生成。最後點擊“添加”按鈕完成控件提升。
- 修改頭文件 在頭文件中，我們需要添加下面兩行代碼
#include <QtCharts>
QT_CHARTS_USE_NAMESPACE
這兩句代碼的含義是，包含 QChart 所需的頭文件及聲明Qt Charts的命名空間。 5. 構建圖表、構建系列，並將圖表綁定到視圖 在 Wdiget 的構造函數中添加以下代碼：
// 構建圖表對象
QChart* chart = new QChart();
// 構建折線系列對象
QLineSeries *series = new QLineSeries();
for (quint32 i = 0; i < 100; i++)
{
//調用append()接口，傳遞的參數x、y對用的是一組座標數據。
series->append(i, sin(0.6f*i));
}
// 將系列添加到圖表
chart->addSeries(series);
// 基於已添加到圖表的 series 來創建默認的座標軸
chart->createDefaultAxes();
// 將圖表綁定到視圖
ui->widget->setChart(chart);
- 運行程序
![file]()
QChartView繼承的是QGraphicsView，QChart繼承的是QGraphics-Widget，所以我們可以用圖形視圖框架的知識，在它的基礎上進行拓展，Qt自帶的示例Callout可以給我們提供參考。
- End -
技術發展的日新月異，阿木實驗室將緊跟技術的腳步，不斷把機器人行業最新的技術和硬件推薦給大家。看到經過我們培訓的學員在技術上突飛猛進，是我們培訓最大的價值。如果你在機器人行業，就請關注我們的公衆號，我們將持續發佈機器人行業最有價值的信息和技術。 阿木實驗室致力於爲機器人研發提供開源軟硬件工具和課程服務，讓研發更高效！