qml: QtChart横纵轴label设置;

Posted 穿越王子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了qml: QtChart横纵轴label设置;相关的知识,希望对你有一定的参考价值。

在qml中,使用ChartView作为图表展示区域, 但是并没有给定接口用来设置xlabel,ylabel。 

没得办法,只能采用笨方案: (我的方法如下)

import QtQuick 2.0
import MaterialUI 1.0
import  QtCharts 2.0  as  CHARTS
 CHARTS.ChartView{
    id: chart;
    property alias xlabel: xlabel.text;
    property alias ylabel: ylabel.text;
    property int rotation: -90;
    Rectangle{
        id:  xlabelArea;
        height: chart.margins.bottom;
        anchors{
            left: chart.left;
            right:chart.right;
            bottom: chart.bottom;
        }

        Text{id: xlabel; anchors.centerIn:  parent;}
    }

    Rectangle{
        id: ylabelArea;
        width: chart.margins.left;
        anchors{
            left: chart.left;
            top: chart.top;
            bottom: chart.bottom;
        }
        Text{
            id: ylabel;anchors.centerIn: parent; rotation: -90;
        }
    }
}

该方法需要了解两个知识点:

1)  文字旋转;        ------------     Item自带rotation属性,可以实现任意角度的旋转;

2)  margin大小(ChartView与图表之间的间隔);   ---------------------  QChartView与Chart之间的大小可以从margins属性中获取;

 

注:  若哪位知道其他实现的方法,望能不吝相告!

 

以上是关于qml: QtChart横纵轴label设置;的主要内容,如果未能解决你的问题,请参考以下文章

是否可以在单独的线程中将 QObject 设置为 QML 上下文属性?

QML中具有嵌套滚动区域的二维表

如何画图

【R】热图绘制

Matlab画图怎么把横坐标设成文字

QtChart-Qt官方绘图库安装与使用