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

}

六、程序崩溃的解决方法

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

相关推荐
IT研究室8 小时前
大数据毕业设计选题推荐-基于大数据的分化型甲状腺癌复发数据可视化分析系统-Spark-Hadoop-Bigdata
大数据·hadoop·信息可视化·spark·毕业设计·源码·bigdata
q567315238 小时前
手把手教你用Go打造带可视化的网络爬虫
开发语言·爬虫·信息可视化·golang
阿豪38 小时前
2025 年职场:B 端产品经理用计算机专业技能优化产品全攻略(经验分享)
大数据·人工智能·科技·信息可视化·产品经理
数据智研9 小时前
【数据分享】土地利用矢量shp数据分享-甘肃
大数据·信息可视化
云天徽上14 小时前
【数据可视化-106】华为2025上半年财报分析:用Python和Pyecharts打造炫酷可视化大屏
开发语言·python·华为·信息可视化·数据分析·pyecharts
杨超越luckly1 天前
HTML应用指南:利用GET请求获取全国招商银行网点位置信息
前端·arcgis·信息可视化·html·银行网点
云天徽上1 天前
【数据可视化-108】2025年6月新能源汽车零售销量TOP10车企分析大屏(PyEcharts炫酷黑色主题可视化)
python·信息可视化·数据挖掘·数据分析·汽车·数据可视化·零售
XXYBMOOO1 天前
使用Qt Charts实现高效多系列数据可视化
开发语言·qt·ui·信息可视化
nightunderblackcat1 天前
新手向:AI IDE+AI 辅助编程
开发语言·python·microsoft·信息可视化
IT毕设梦工厂1 天前
大数据毕业设计选题推荐-基于大数据的儿童出生体重和妊娠期数据可视化分析系统-Hadoop-Spark-数据可视化-BigData
大数据·hadoop·信息可视化·spark·毕业设计·源码·bigdata