一、QtCharts

QtCharts是Qt自帶的組件庫，其中包含折線、曲線、餅圖、棒圖、散點圖、雷達圖等各種常用的圖表。而在地面站開發過程中，使用折線圖可以對無人機的一些狀态數據進行監測，更是可以使用散點圖來模拟飛機所在位置，實現平面地圖的感覺。

使用Qt Charts繪制，大概可以分為四個部分：數據(QXYSeries)、圖表(QChart)、坐标軸(QAbstractAXis)和視圖(QChartView)。這裡就不一一給大家介紹了，下面給大家說一下QtCharts的配置安裝。

二、配置安裝

1. 準備工作

安裝Qt時帶上charts,否則無法使用。版本最好是Qt5.7以後的版本。

• 對于編譯方式安裝的 Qt，需要注意在 configure 時不要跳過 charts。
• 對于安裝包方式安裝的 Qt，需要注意在安裝時，确保 charts 組件被選中。

2. 修改配置文件

新建一個項目

在pro中，使用如下語句包含charts庫

QT = charts

3. 提升 widget 控件為 QChartView

在繪制 ui 窗體時，從designer的工具箱中選擇一個“Widget”類型的控件，而後單擊鼠标右鍵，選擇 “提升為”；在彈出的界面中，填寫"提升的類名稱" 為: QChartView，頭文件名稱就會自動生成。最後點擊“添加”按鈕完成控件提升。

4. 修改頭文件

在頭文件中，我們需要添加下面兩行代碼

#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);

6. 運行程序

QChartView繼承的是QGraphicsView，QChart繼承的是QGraphics-Widget，所以我們可以用圖形視圖框架的知識，在它的基礎上進行拓展，Qt自帶的示例Callout可以給我們提供參考。

阿木實驗室緻力于為機器人研發提供開源軟硬件工具和課程服務，讓研發更高效！

- End -

技術發展的日新月異，阿木實驗室将緊跟技術的腳步，不斷把機器人行業最新的技術和硬件推薦給大家。看到經過我們培訓的學員在技術上突飛猛進，是我們培訓最大的價值。如果你在機器人行業，就請關注我們的公衆号，我們将持續發布機器人行業最有價值的信息和技術。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!