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] }
        }
    }

}

六、程序崩溃的解决方法

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

相关推荐
学术小白人1 小时前
第十三届物联网标识、信息与知识国际会议(IIKI 2025)
物联网·信息可视化
java水泥工19 小时前
基于Echarts+HTML5可视化数据大屏展示-英雄联盟LPL比赛数据可视化
信息可视化·echarts·html5
兆。19 小时前
python全栈-数据可视化
开发语言·python·信息可视化
Q_Q51100828519 小时前
python+nodejs+springboot在线车辆租赁信息管理信息可视化系统
spring boot·python·信息可视化·django·flask·node.js·php
biomooc1 天前
D3.js 与数据可视化
开发语言·javascript·信息可视化
Highcharts.js2 天前
为什么要创建音频地图?——探索Highcharts可视化的声音创新
信息可视化·音视频
GIS好难学2 天前
【智慧城市】2025年中国地质大学(武汉)暑期实训优秀作品(2):智慧城市西安与一带一路
人工智能·信息可视化·智慧城市·webgis
杭州杭州杭州2 天前
用户行为数据可视化
笔记·信息可视化
Tiger Z2 天前
文献阅读 | iMetaMed | FigureYa:一个标准化可视化框架,用于增强生物医学数据解释和研究效率
信息可视化·数据挖掘·数据分析
Kingsdesigner2 天前
告别手动绘制图表:用Illustrator联动Tableau,数据可视化效率翻倍
ui·信息可视化·数据分析·illustrator·设计师·ui设计·信息图表