QML使用ChartView绘制箱线图

一、工程配置

首先修改CMakeLists.txt,按下图修改:

cpp 复制代码
find_package(Qt6 6.4 REQUIRED COMPONENTS Quick Widgets) PRIVATE

target_link_libraries(appuntitled
    PRIVATE Qt6::Quick
    PRIVATE Qt6::Widgets
)

其次修改main.cpp,按下图修改:

cpp 复制代码
#include <QApplication>
QApplication app(argc, argv);

二、ChartView介绍

  • ChartView是QML中用于绘制各种图表的组件,可以通过简单的QML代码快速创建各种类型的图表,如折线图、柱状图、饼图等。ChartView基于Qt Charts模块,提供了丰富的功能和样式选项,使开发者可以定制自己的图表风格。
  • 使用ChartView,开发者可以轻松地绑定数据模型,并通过属性设置来调整图表的外观和交互方式。同时,ChartView还支持动画效果、交互式操作和事件处理,可以让图表更加生动和用户友好。
  • 总的来说,ChartView是一个强大而灵活的工具,帮助开发者快速地实现各种图表需求,并为用户提供更好的数据可视化体验。

三、箱线图介绍

  • 箱线图,是一种用于展示数据分布情况的统计图表。它显示了数据集中的五个统计数字:最小值、第一四分位数、中位数、第三四分位数和最大值。通过这些统计数字,我们可以快速了解数据的分布情况、离群值和数据的集中趋势。
  • 箱线图通常由一个矩形框和两条延伸出的线段组成。矩形框的上边界是第三四分位数,下边界是第一四分位数,中间的线段代表中位数。延伸出的线段则表示了数据的范围,通常是 1.5 倍的四分位数距离。超过这个距离的数据点被认为是离群值。
  • 通过箱线图,我们可以比较多组数据的分布情况,发现离群值,并且进一步分析数据的集中程度、偏斜性等统计特征。箱线图通常适用于展示连续型数据,可以帮助我们更好地了解数据集的结构和特点。

四、效果展示

五、源码分享

cpp 复制代码
import QtQuick
import QtQuick.Controls
import Qt.labs.qmlmodels
import QtQuick.Controls.Basic
import QtQuick.Layouts
import QtQuick.Effects
import Qt.labs.platform
import QtQuick.VirtualKeyboard
import QtCharts

ApplicationWindow {
    id:root
    width: 1000
    height: 730
    visible: true
    title: qsTr("Hello World")

    ChartView {
        id: chart
        title: "box plot chart"
        anchors.fill: parent

        BoxPlotSeries {
            id: plotSeries
            name: "xupeng"
            BoxSet { label: "xupen1"; values: [3, 4, 5.1, 6.2, 8.5] }
            BoxSet { label: "xupen2"; values: [5, 6, 7.5, 8.6, 11.8] }
            BoxSet { label: "xupen3"; values: [3.2, 5, 5.7, 8, 9.2] }
            BoxSet { label: "xupen4"; values: [3.8, 5, 6.4, 7, 8] }
            BoxSet { label: "xupen5"; values: [4, 5, 5.2, 6, 7] }
        }
    }

}

六、程序崩溃的解决方法

按第一条工程配置修改自己的工程。

相关推荐
CodeJourney.1 小时前
Python数据可视化领域的卓越工具:深入剖析Seaborn、Plotly与Pyecharts
人工智能·算法·信息可视化
穆易青11 小时前
2025.04.17【Dendrogram】生信数据可视化:Dendrogram图表详解
信息可视化
Conan х12 小时前
第1 篇:你好,时间序列!—— 开启时间数据探索之旅
人工智能·python·神经网络·机器学习·信息可视化
想看雪的瓜16 小时前
Origin将双Y轴柱状图升级为双向分组柱状图
信息可视化
穆易青18 小时前
2025.04.20【Lollipop】| Lollipop图绘制命令简介
信息可视化
八了个戒1 天前
「数据可视化 D3系列」入门第九章:交互式操作详解
javascript·信息可视化·数据可视化·d3
延凡科技1 天前
智慧大屏系统
信息可视化·数据挖掘·数据分析
八了个戒1 天前
「数据可视化 D3系列」入门第六章:比例尺的使用
前端·javascript·信息可视化·数据可视化·canvas
Dxy12393102161 天前
Pandas数据可视化
python·信息可视化·数据分析·pandas
The_SkyUzi2 天前
数据可视化笔记:柱状图
笔记·信息可视化