JT-CIM-ZHNY/src/views/turang/components/FacilityInfor.vue

<template>
	<div class="chart">
		
			<dv-capsule-chart :config="config" style="width:300px;height:200px" />
	
		
	</div>

</template>

<script>
		export default {
	data() {
		return {
			// viewersName: '', //视角标签名称
			// ImgurlList: [], //截图地址列表
			config:{
				 data: [
				     {
				       name: '区域一',
				       value: 1
				     },
				     {
				       name: '区域二',
				       value: 3
				     },
				     {
				       name: '区域三',
				       value: 2
				     },
				     {
				       name: '区域四',
				       value: 1
				     },
				     {
				       name: '区域五',
				       value: 3
				     }
				   ]
				
			
			}
			
		}
	},
	}
</script>

<style scoped>
	.chart {
		margin-top: 30rem;
	}
</style>