<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>
