Qt Charts示例

本文介绍了Qt 5.7引入的Qt Charts模块,提供了一种在Qt应用中创建图表的解决方案。文章展示了如何在项目中启用Qt Charts,以及QChart、QChartView和不同Series的使用方法,并给出了简单的代码示例。
摘要由CSDN通过智能技术生成

Qt 5.7 有一些变化,把原来商业版的几个模块用GPLv3协议放到了社区版本里:

  • Qt Charts (GPLv3)
  • Qt Data Visualization (GPLv3)
  • Qt Virtual Keyboard (GPLv3)
  • Qt Purchasing (LGPLv3)
  • Qt Quick 2D renderer (GPLv3)

这些模块都是非常赞的!

Qt 5.7 的一些消息,具体参看:

之前在论坛上看好多人在找可以在Qt中使用的图表库,现在好了,官方的有了。还有Qt Quick 2D renderer,支持在没有OpenGL支持的设备上使用Qt Quick,对于一些嵌入式设备来讲,简直是福音。

好久没弄Qt了,发现版本更新好快,我写《Qt Quick核心编程》和《Qt on Android核心编程》时,版本是5.3,现在5.8 alpha都出来了……我已经Out了……

现在偶有时间,赶紧试用了下Qt Charts,简单,好用,没说的啊。

示例效果

先上一个小demo的效果图:

基本用法

Qt Charts作为模块随Qt SDK发布,要使用,首先需要在 pro 文件中加入下面的语句:

QT += charts

然后,在代码中加入下面的语句:

#include <QtCharts>
using namespace QtCharts;

再接下来就可以使用Qt Charts模块的各种类库了。介绍下比较常见的类库:

>> QChart

最主要的类了,用来显示各种 Charts 。它是QGraphicsWidget的派生类,所以,可以放在 QGraphicsView 中来显示。我提供的简单示例,就是把 6 个 QChart 放在同一个 QGraphicsScene 中展示出来。

使用 QChart 分三步:

  1. 构造一个实例,比如 new QChart()
  2. 调用 addSeries() 添加图表数据,调用 addAxis 、 setAxisX 或 setAxisY 配置坐标轴,以及其他一些设置背景、图例的方法
  3. 使用 QChartView 或 QGraphicsScene + QGraphicsView 来显示 QChart

>> QChartView

这是一个方便类,从QGraphicsView继承而来,专门用于显示 QChart ,而且,窗口大小变化时,它会自动缩放 QChart 。

你可以独立使用QChartView,也可以把它嵌在你的其它UI界面中。最简单的用法是:

auto chart = new QChart();
// ...configure chart
QChartView view(lineChart);
view.show();

如果你想使用 QGraphicsView + QGraphicsScene 这种组合,代码类似下面这样:

auto chart = new QChart();
// ...configure chart
QGraphicsScene scene(0, 0, 500, 400);
scene.addItem(chart);
QGraphicsView view(&scene);
view.show();

注意,使用 QGraphicsView 直接显示 QChart 时,QChart的大小不会随着窗口大小变化而自动变化哦,如有需要,可以自己设置。

>>各种Series及配套的set

Qt Charts用 QAbstractSeries来表示各类图表数据,它有各种各样的派生类。

QAbstractBarSeries 又是一个抽象类,定义柱状图数据;从它派生的可以实例化的代表柱状图数据的类有:

  • QBarSeries
  • QHorizontalBarSeries
  • QHorizontalPercentBarSeries
  • QHorizontalStackedBarSeries
  • QPercentBarSeries
  • QStackedBarSeries

我的示例里演示了 QBarSeries 和 QPercentBarSeries 的用法。其它的类,看Qt文档即可快速了解用法。

QAreaSeries 定义区块图数据,就是我们示例效果中左下角那个图表那样

评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

foruok

你可以选择打赏

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值