forked from opentiny/tiny-vue
44 lines
729 B
Vue
44 lines
729 B
Vue
<template>
|
|
<div>
|
|
<tiny-chart-ring :options="options"></tiny-chart-ring>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="jsx">
|
|
import { ref } from 'vue'
|
|
import { ChartRing as TinyChartRing } from '@opentiny/vue'
|
|
|
|
const options = ref({
|
|
type: 'circle',
|
|
silent: true,
|
|
minAngle: 0,
|
|
stillShowZeroSum: false,
|
|
title: {
|
|
text: '{a|0}\n{b|链路总数}',
|
|
top: '40%',
|
|
textStyle: {
|
|
rich: {
|
|
a: {
|
|
fontSize: 53
|
|
},
|
|
b: {
|
|
fontSize: 19,
|
|
color: '#999',
|
|
padding: [45, 0, 0, 0]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
label: {
|
|
show: false
|
|
},
|
|
legend: {
|
|
show: false
|
|
},
|
|
data: [
|
|
{ value: 0, name: 'VPC' },
|
|
{ value: 0, name: 'EIP' }
|
|
]
|
|
})
|
|
</script>
|