簡介
記錄QT5自帶的QCharts繪圖庫使用,安裝的時候記得勾選QCharts。
工程配置
- pro文件
添加 QT += charts
- h文件
#include <QtCharts>
- cpp文件
QT_CHARTS_USE_NAMESPACE //使用QtCharts命名空間
- UI設計
拖放一個Widget控件,右鍵選擇提升,提升的類名稱填入
QChartView
,頭文件名稱保持默認,勾選全局包含,點擊添加
按鈕,選擇新添加的類點擊提升
折線圖
創建圖表和數據組的實例
QChart *m_chart = new QChart();
QLineSeries *m_series = new QLineSeries();
圖表和數據的加載
/* 使用append接口填入數據 */
m_series->append(10,20);
m_series->append(30,50);
/* 表格添加數據組 */
m_chart->addSeries(m_series);
m_chart->legend()->hide();
m_chart->setTitle("line");
/* 坐標軸設置 */
QValueAxis *axisX = new QValueAxis;
axisX->setRange(0.0,100.0);
axisX->setTitleText("X軸");
m_chart->addAxis(axisX, Qt::AlignBottom);
m_series->attachAxis(axisX);
QValueAxis *axisY = new QValueAxis;
axisY->setRange(0.0,100.0);
axisY->setTitleText("Y軸");
m_chart->addAxis(axisY, Qt::AlignLeft);
m_series->attachAxis(axisY);
/* 使用控件加載圖表 */
ui->chart->setChart(m_chart);
ui->chart->setRenderHint(QPainter::Antialiasing);
動態加載數據點
定義QVector<QPointF> point
使用push_back接口可以逐漸往point內部增加數據點,QLineSeries
的replace接口可以更新關聯的數據點
point.push_back(QPointF(x,y));
m_series->replace(point);