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设置;的主要内容,如果未能解决你的问题,请参考以下文章