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是一个强大而灵活的工具,帮助开发者快速地实现各种图表需求,并为用户提供更好的数据可视化体验。

三、折线图介绍

  • 折线图是一种常用的统计图表类型,用于显示数据随时间、顺序或其他连续变量的变化趋势。折线图通常以水平轴表示时间或顺序变量,以垂直轴表示数值变量。在折线图中,每个数据点由一个标记点表示,并且这些标记点通过直线段连接起来,形成折线。
  • 折线图通常用于展示数据的趋势、变化和关联性,帮助人们快速了解数据的发展规律。在制作折线图时,数据点的连线形状、颜色和标记点的样式都可以根据需要进行调整,以使图表更具可读性和吸引力。
  • 折线图适用于比较多个数据系列在相同时间或变量下的变化,同时也可以用于分析单个数据系列的趋势变化。在商业、科学研究、金融等领域,折线图广泛应用于数据可视化和决策分析,是一种简洁清晰、易于理解的图表形式。

四、效果展示

五、源码分享

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: "line chart"
        anchors.fill: parent

        LineSeries {
            name: "Line"
            XYPoint { x: 0; y: 0 }
            XYPoint { x: 1.1; y: 2.1 }
            XYPoint { x: 1.9; y: 3.3 }
            XYPoint { x: 2.1; y: 2.1 }
            XYPoint { x: 2.9; y: 4.9 }
            XYPoint { x: 3.4; y: 3.0 }
            XYPoint { x: 4.1; y: 3.3 }
        }
    }

}

六、程序崩溃的解决方法

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

相关推荐
机器视觉知识推荐、就业指导10 小时前
手动开发一个TCP客户端调试工具(一):了解Qt中TCP通信原理与核心类
网络·qt·tcp/ip
归云鹤12 小时前
QT信号和槽怎么传输自己定义的数据结构
开发语言·数据结构·qt
cpp_learners13 小时前
QT Word模板 + QuaZIP + LibreOffice,跨平台方案实现导出.docx文件后再转为.pdf文件
qt·pdf·docx
程序员编程指南18 小时前
Qt 移动应用发布与分发指南
c语言·开发语言·c++·qt
x晕x18 小时前
Qt 消息弹窗 Toast
linux·c++·windows·qt·mac
程序员编程指南19 小时前
Qt 与物联网(IoT)开发
c语言·开发语言·c++·qt·物联网
归云鹤19 小时前
QT 动态属性和静态属性
开发语言·数据库·qt
huxiao_060120 小时前
arm架构系统打包qt程序--麒麟操作系统为例
开发语言·arm开发·qt
十年编程老舅21 小时前
C++ Qt网络编程实战:跨平台TCP调试工具开发
qt·tcp/ip·网络编程·tcp协议·qt项目·qt开发·qt教程
程序员编程指南1 天前
Qt 嵌入式系统安全加固技术
c语言·开发语言·c++·qt·系统安全