Qt GUI开发（一）—— Qt Chart的简单使用

本文章 来自原创专栏《Qt GUI开发》

讲解如何使用 Qt 构建 精美的跨平台 UI 程序，发布文章并会持续为已发布文章添加新内容！ 每篇文章都经过了精打细磨！

↓↓↓通过下方对话框进入专栏目录页↓↓↓
CSDN 请求进入目录 　　　　　　　　 _ O x

是否进入Qt GUI开发专栏导航(基于ESP-IDF)?

　　　　　　　确定

---

一、介绍

Qt Chart是一个十分漂亮的Qt图表库，用来显示图表。
支持很多种常用的图表类型（点击下方链接跳转Qt文档官网查看样式）

1. Line and spline charts（折线图、曲线图）
2. Area and scatter charts（面积图、散点图）
3. Bar charts（条形图）
4. Pie charts（饼形图）
5. Box-and-whiskers charts（盒形图）
6. Candlestick charts（蜡烛图、股票图）
7. Polar charts（极坐标图）

使用

1. qmake

QT += charts

2. c++

#include <QtCharts>

using namespace QtCharts;

二、在QtCreator设计器里放置QChartView

1. 前言

众所周知QtCreator的设计器里默认没有QChartView的。
网上有方法是手动编译 qt/charts 的plugin，然后安装。但是博主测试之后虽然编译通过也安装成功了，但是QtCreator里仍然没有。这里给大家放上编译方法。大家可以自行尝试，本文重点不在此部分

• 前往 qt/charts/plugins/designer 下载这几个文件
• 执行：
  ① 没用过命令行qmake的请自行查阅资料
  ② 对于Windows，make请替换
  　　1. 对于MSVC版的Qt，用nmake（不会用的请自行查阅资料）
  　　2. 对于MinGW版的Qt，用mingw32-make (MinGW)（不会用的请自行查阅资料）

qmake
make
make install

2. 方法

① 放置一个Widget

② 右键放置后的Widget，选择“提升为”

③ 填如下信息，点“添加”

• 基类名称：QWidget
• 提升的类名称：QtCharts::QChartView
• 头文件：qchartview.h
• 全局包含

出现这个就表示成功了

三、使用折线图和曲线图