73 lines
1.3 KiB
Vue
73 lines
1.3 KiB
Vue
<template>
|
||
<view class="content">
|
||
<view class="title">总管理规模</view>
|
||
<view>总管理规模59136亿元，总利息11056.25亿元</view>
|
||
<view class="charts-box">
|
||
<qiun-data-charts type="column" :opts="opts" :chartData="chartData"/>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: 'aum',
|
||
data() {
|
||
return {
|
||
chartData: {},
|
||
opts: {
|
||
dataLabel:false,
|
||
xAxis: {
|
||
disableGrid: true
|
||
},
|
||
yAxis: {
|
||
gridType:'dash',
|
||
showTitle:true,
|
||
data: [{
|
||
min: 0,
|
||
max:60000,
|
||
title:'值/万元',
|
||
titleOffsetY:-5
|
||
}]
|
||
},
|
||
legend:{
|
||
position:'top',
|
||
padding:4
|
||
},
|
||
extra: {
|
||
column: {
|
||
type: "stack"
|
||
}
|
||
}
|
||
}
|
||
};
|
||
},
|
||
onReady() {
|
||
this.getServerData();
|
||
},
|
||
methods: {
|
||
getServerData() {
|
||
setTimeout(() => {
|
||
//模拟服务器返回数据，如果数据格式和标准格式不同，需自行按下面的格式拼接
|
||
let res = {
|
||
categories: ['募集资金', '利息'],
|
||
series: [{
|
||
name: "现存值",
|
||
data: [52136, 10000.25]
|
||
},
|
||
{
|
||
name: "历史值",
|
||
data: [7000, 1056]
|
||
}
|
||
]
|
||
};
|
||
this.chartData = JSON.parse(JSON.stringify(res));
|
||
}, 500);
|
||
},
|
||
}
|
||
};
|
||
</script>
|
||
|
||
<style scoped>
|
||
|
||
</style>
|