|
[云开发]
UILineChart模块rect参数XY坐标无效
[复制链接]
UILineChart模块打开折线图rect参数XY坐标不起作用,打开之后把safearea的页头都遮挡住了,但是WH宽高却是正常的,请问是什么原因?
<template name='tpl'>
<view class="page">
<safe-area>
<view class="nav-bar" style="background: #fff">
<view @click="back" class="nav-bar-back">
<img src="http://ae8b3ee28597856d3283.qiniucdn.apicloud**.**/apicloud/6958c7448f8d7106d3ee273fa7430063.png" alt="back" class="nav-bar-back-icon"/>
<text class="nav-bar-back-text" style="color: #000">返回</text>
</view>
<text class="nav-bar-title" style="color: #000">趋势</text>
</view>
</safe-area>
</view>
</template>
apiready() {//like created
this.fnOpen();
},
methods: {
fnOpen() {
let LineChart = api.require('UILineChart');
LineChart.open({
rect : {
x : -50,
y : api.winHeights,
w : api.winWidth,
h : 700
},
xAxis : {
indexs : ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
screenXcount : 12
},
yAxis : {
max : 1000,
min : 0,
step : 200,
base : 0
},
datas : [api.pageParam.list],
styles : {
xAxis : {
bg : '#b2dfee',
markColor : '#888',
markSize : 12
},
yAxis : {
bg : '#b2dfee',
markColor : '#888',
markSize : 12
},
coordinate : {
bg : '#fcfcfc',
color : '#cacaca',
baseColor : 'bbb',
},
colors : ['#800080', '#7FFFAA']
},
fixed : false
}, function(ret, err) {
if (ret) {
console.log(JSON.stringify(ret));
id=ret.id;
} else {
console.log(JSON.stringify(err));
}
});
}
}
|
|