Qt Charts 模块提供了一套易于使用的图表组件,例如:柱状图、面积图、箱形图、饼图、线性图、曲线图、散点图。由于其采用了 QtGraphicsView 框架,因此图表可以很容易地被集成到现代的用户界面。

Qt Charts 除了图表类型丰富、方便快捷之外,还完美支持移动端,可用作 QWidgets、QGraphicsWidget 或 QML 类型。通过选择一个图表主题,即可轻松地创建令人印象深刻的图表。

Qt Charts 相比较其他图形库,更美观、更现代、性能更好,最主要的是更易上手,包含有良好的文档及大量的示例。

AreaChart Example - 展示了如何创建一个简单的面积图

1543749757386-d560fc5c-4fb1-4824-89b7-0f3bbc725517.png

Audio Example - 展示了动态数据的图形(麦克风输入)

1543749779189-dac25ee4-c95e-4001-a791-63b96759cc19.png

BarChart Example - 展示了如何创建一个柱状图

1543749796334-3b6f5e39-d5a1-43b1-b878-325c03792294.png

BarModelMapper Example - 展示了如何使用QAbstractItemModel派生model作为柱状图系列的数据

1543749813906-22d4a183-0128-414d-a2f4-16639fd87a1a.png

Box and Whiskers Example - 展示了如何创建一个箱形图(盒须图)

1543749834812-1a476f54-b5b0-4a91-87c2-f6d90e0da6ae (1).png

Callout Example - 展示了如何在图表上绘制一个额外的元素

1543749852962-fbfe7b5c-f9a6-4a0a-832b-13edbc5f3497.png

Chart Themes Example - 展示了不同内置主题的外观和感觉

1543749870944-f4ddff5a-f200-4859-9a4c-0964f63f34d4 (1).png
20170119172512581.png
1543749889861-f106c666-c009-4ace-8042-e9e1c8c7d8f7.png

Custom Chart Example - 展示了如何定制图表上不同元素的外观

1543749917249-1153aefc-dc81-4632-b49e-02efb24fb35a.png

DateTimeAxis Example - 展示了如何利用 QDateTimeAxis 使用 QLineChart

1543749930194-21644f11-c040-4fd7-b64e-7927b7073aa2.png

Donut Chart Breakdown Example - 展示了如何使用 QPieSeries API 创建一个圆环分解图

1543749942253-7c8a1b72-c8e6-4553-b93f-2ac9e3334271.pngDonutchart Example - 展示了如何创建一个简单的圆环图,并对其中一片进行定制

1543749956433-90923528-87e4-44b8-a897-2564d597cdef.png

Dynamic Spline Example - 展示了如何绘制动态数据

1543749972270-bf22e15b-3c5a-4e9a-b377-79910b210705.png

HorizontalBarChart Example - 展示了如何创建一个水平柱状图

1543749988552-c21df0e5-9642-44e0-bbd3-8681f5b03080.png

HorizontalPercentBarChart Example - 展示了如何创建一个简单的水平百分比柱状图

1543750007066-81fa1f5f-b92d-458b-a36d-c2cfffffc902.png

HorizontalStackedBarChart Example - 展示了如何创建一个简单的水平层叠图

1543750021923-02fba6a4-0fed-44f6-9378-d5b7f3c1c067.png

Legend Example - 展示了如何分离图例以及如何附加回去

1543750035869-f8f7d15c-9951-40f7-ad70-3ec314b3172f.png

LegendMarkers Example - 展示了如何使用图例标记

1543750050439-9319b3da-b288-4daa-af9a-ff1db58db387.png

Line and BarChart Example - 展示了如何结合不同的图表以及设置轴线

1543750075335-c13f72c5-6f07-4890-9d32-66aaffe68c9b.png

LineChart Example - 展示了如何创建一个简单的折线图

1543750087634-f98ccf1f-6ff9-4ed1-b7c4-f07e4475dbc5.png

Logarithmic Axis Example - 展示了如何使用 QLogValueAxis

1543750101887-84b82802-9404-453b-bf3a-4d36e0c986e1.png

Model Data Example - 展示了如何使用 QAbstractItemModel 派生模型作为图表系列的数据源

1543750116539-2744ed15-892f-4f8c-a267-c89460f75c3b.png

Multiple Axes Example - 展示了如何创建一个有两个垂直轴的简单图表,每个 series 一个

1543750130723-f285b4b2-57f6-44d4-877f-249aca8ec6da.png

Nested Donuts Example - 展示了如何使用 QPieSeries API 创建一个嵌套的圆环图

1543750145947-e0b07144-9416-454e-b441-40a5e0239eaa.png

OpenGL Accelerated Series Example - 展示了如何启用 OpenGL 加速 QLineSeries 和 QScatterSeries

1543750163531-74fe7973-e264-413e-b42f-25ca69d9c911.png

PercentBarChart Example - 展示了如何创建一个简单的百分比柱状图

1543750176520-6e3971d4-18c9-4181-92f1-ea21167d4bc4.png

Piechart Example - 展示了如何创建一个简单的饼状图和并且定制一些饼片

1543750189178-3f95ddd2-a77e-4bc1-8c12-c6fd1f8ecfd2.png

Pie Chart Customization Example - 展示如何定制饼图的外观和感觉

1543750204233-72e64a3e-2a53-49b5-9e50-72518c3f8734.png

Piechart Drilldown Example - 展示了如何实现一个有 drilldown 效果的饼图

1543750217965-dbfb697a-480d-4aff-84f6-7a06921805c5.png

Polar Chart Example - 展示了如何用多个不同的 series 创建一个简单的极坐标图

1543750232026-4fac0016-4217-467a-b0f3-4ef6645cd1a8.png

ScatterChart Example - 展示了如何创建一个简单的散布图

1543750247462-fe987592-4341-450e-8a75-9ba9b3a220fb.png

Scatter Interactions Example - 展示了如何创建一个简单的散布图和交互图以及如何与之交互

1543750261200-d5dbab91-97ad-49ca-a64b-219152ad5d3a.png

SplineChart Example - 展示了如何创建一个简单的曲线图

1543750273215-3186e27e-13b1-4fce-97b5-e1d3ab5ba4b0.png

StackedBarChart Example - 展示了如何创建一个简单的层叠柱状图

1543750284568-9f074582-61d5-4252-9463-4b8c2d64cb95.png

StackedBarChart Drilldown Example - 展示了如何使用一个层叠柱状图来实现 drilldown。

1543750303298-69f133d3-f3aa-4bfe-81cd-33bd0a2300ad.png

Temperature Records Example - 展示了如何创建一个带有负值的柱状图

1543750317489-4616650a-c481-477e-ad4e-923b13703185.png

Zoom Line Example - 展示了如何创建自定义缩放效果

1543750329313-f1ab2430-43e7-47f9-8e79-37b831e36bf1.png