QML 简易柱形图的绘制

序言

其实QML有的,QtWidget基本也有,在前面加个Q,比如说QBarSeries,本来觉得这么简单的基础写法不想写的,但是我一搜"QML 柱形图",寥寥无几,所以我只能写一份出来撑撑低端场面了

环境

Qt5.12

一、效果图

这是个简单的写法,更多的细节要自行去看文档去写了
柱形图

二、源码

import QtQuick 2.0
import QtCharts 2.3

ChartView {
    title: qsTr( "柱形图 " )
    titleColor: "black"					//定制标题字
    titleFont.bold: true
    anchors.fill: parent
    legend.alignment: Qt.AlignBottom	//上图:目前产量 目标产量的位置,这里指下方
    antialiasing: true					//反锯齿

	//不同的坐标轴需要用不一样的Axis
    BarCategoryAxis {
        id: axisx
        color: "#555555"
        labelsFont.pointSize: 12
        labelsFont.bold: true
        categories: [
            "03月", "04月", "05月", "06月", "07月"
        ]
    }

    ValueAxis {
        id: axisy
        max: 10
        min: 0
        tickCount: 7				//上图只是演示这个的功能,并非一般这么写,y轴方向7个指示点
        labelsColor: "#111111"
        labelsFont.pointSize: 12
        labelsFont.bold: true
        labelFormat: "%d"
    }

    BarSeries {
        id: barSeries
        axisX: axisx
        axisY: axisy
        labelsPosition: AbstractBarSeries.LabelsInsideEnd		//指条形图里面的数字值的位置
        labelsVisible: true										//指条形图里面的数字值是否显示,默认不显示
        BarSet {
            label: "目前产量"
            color: "green"
            values: [ 4, 4, 7, 7, 5 ]
        }
        BarSet {
            label: "目标产量"
            color: "red"
            values: [ 5, 5, 7, 8, 10]
        }

    }
}

源码挺简单的,我就不多介绍了,会QML的自然也会这个,不会的先学会QML吧

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

溪渣渣_梁世华

打赏?我甚至没有任何收费的章节

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值