1.0 关于Qt Charts
Qt Charts 模块是Qt官方提供的用于展示图表数据信息的模块,通过Qt Charts提供的一系列图表组件,可以很容易地做出漂亮的图表来。目前Qt Charts已经在GPL3.0协议许可下开放使用,用户在安装Qt环境时可以根据需要选择是否安装Qt Charts模块。
Qt Charts模块是基于Qt Graphics View Framework,即Qt 图形视图框架实现的,可以很方便地做出漂亮的用户界面。Qt Charts模块可以作为QWidgets、QGraphicsWidget或者QML类型使用,在本系列文章中,会着重介绍Qt Charts在QWidget中的开发。
2.0 Qt Charts 图表概览
![图2.0 Qt Charts 图表概览 图2.0 Qt Charts 图表概览](https://image.nullobject.cn/usr/uploads/2019/03/3111792210.jpg-wmcd)
目前Qt Charts模块提供了以下几种常用类型的图表:
2.1 折线、曲线图
折线图和曲线图都是将数据表现为一系列由线互相连接起来的点集。不同的是,折线图中,相邻点之间通过直线连接,而后者的相邻点之间则是通过计算之后的曲线来连接。
![图2.1 折线图示例 图2.1 折线图示例](https://image.nullobject.cn/usr/uploads/2019/03/3897035531.jpg-wmlbd)
![图2.2 曲线图示例 图2.2 曲线图示例](https://image.nullobject.cn/usr/uploads/2019/03/2124106233.jpg-wmlbd)
2.2 面积图、散点图
![图2.3 面积图示例 图2.3 面积图示例](https://image.nullobject.cn/usr/uploads/2019/03/3734705500.jpg-wmlbd)
![图2.4 散点图示例 图2.4 散点图示例](https://image.nullobject.cn/usr/uploads/2019/03/522861726.jpg-wmlbd)
2.3 饼图
![图2.5 饼图示例1 图2.5 饼图示例1](https://image.nullobject.cn/usr/uploads/2019/03/734278118.jpg-wmlbd)
![图2.6 饼图示例2 图2.6 饼图示例2](https://image.nullobject.cn/usr/uploads/2019/03/917931102.jpg-wmlbd)
2.4 条形图
![图2.7 纵向柱状图示例 图2.7 纵向柱状图示例](https://image.nullobject.cn/usr/uploads/2019/03/3665080818.jpg-wmlbd)
![图2.8 横向柱状图示例 图2.8 横向柱状图示例](https://image.nullobject.cn/usr/uploads/2019/03/957978752.jpg-wmlbd)
![图2.9 纵向堆叠式柱状图示例 图2.9 纵向堆叠式柱状图示例](https://image.nullobject.cn/usr/uploads/2019/03/3998700518.jpg-wmlbd)
![图2.10 横向堆叠式柱状图示例 图2.10 横向堆叠式柱状图示例](https://image.nullobject.cn/usr/uploads/2019/03/2708106078.jpg-wmlbd)
![图2.11 纵向百分比柱状图示例 图2.11 纵向百分比柱状图示例](https://image.nullobject.cn/usr/uploads/2019/03/1020897068.jpg-wmlbd)
![图2.12 横向百分比柱状图图示例 图2.12 横向百分比柱状图图示例](https://image.nullobject.cn/usr/uploads/2019/03/807893196.jpg-wmlbd)
2.5 箱形图/盒须图
![图2.13 箱形图示例 图2.13 箱形图示例](https://image.nullobject.cn/usr/uploads/2019/03/1121511499.jpg-wmlbd)
2.6 烛形图
![图2.14 烛形图示例 图2.14 烛形图示例](https://image.nullobject.cn/usr/uploads/2019/03/1964172212.jpg-wmlbd)
2.7 极坐标图
![图2.15 极坐标图示例 图2.15 极坐标图示例](https://image.nullobject.cn/usr/uploads/2019/03/3312229663.jpg-wmlbd)