Qt基于Qml图饼定制演示

自由软件开发者

已于 2022-10-29 20:38:47 修改

阅读量208

点赞数

CC 4.0 BY-SA版权

分类专栏： QT编程文章标签： qt

于 2022-10-29 20:38:11 首次发布

本文链接：https://blog.youkuaiyun.com/fittec/article/details/127591613

QT编程专栏收录该内容

148 篇文章

订阅专栏

博客展示了使用Qt的演示效果，主要运用了ChartView组件，给出了代码块与对应面，还提供了QML完整源码，聚焦于信息技术领域的Qt开发相关内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

演示效果

代码块与对应面

主要使用组件 : ChartView

PieSeries 主要用于饼块配置,

PieSlice 表示每一个饼块

QML完整源码

import QtQuick 2.12
import QtQuick.Controls 2.12
import QtCharts 2.3

ApplicationWindow {
    visible: true
    width: 800
    height: 600
    title: qsTr("Qt基于Qml图饼定制演示")

    ChartView {
        anchors.fill: parent
        //theme: ChartView.ChartThemeQt  //使用样式的话 backgroundColor无效
        antialiasing: true
        legend.visible: false
        animationOptions: ChartView.AllAnimations
        backgroundColor: "black"
        titleColor: "white"
        title: "Qml ChartView "
        PieSeries {
            id: pieSeries
            PieSlice {
                borderColor: "#AAAAAA"
                color: "#00FF00"
                label: qsTr("C++")
                labelVisible: true
                value: 56.6
                labelColor: "green"
            }
            PieSlice {
                borderColor: "#AAAAAA"
                color: "#FF00FF"
                label: qsTr("C#")
                labelVisible: true
                value: 30
                labelColor: "red"
            }
            PieSlice {
                borderColor: "#AAAAAA"
                color: "#FFFF00"
                label: qsTr("QML")
                labelVisible: true
                value: 13.4
                labelColor: "blue"
            }
        }
    }
}