mirror of
https://github.com/chansee97/nova-admin.git
synced 2025-04-05 04:22:49 +08:00
61 lines
1000 B
Vue
61 lines
1000 B
Vue
<script setup lang="ts">
|
|
import { type ECOption, useEcharts } from '@/hooks'
|
|
|
|
const option = ref<ECOption>({
|
|
tooltip: {
|
|
trigger: 'item',
|
|
formatter: '{b} : {d}%',
|
|
},
|
|
legend: {
|
|
orient: 'horizontal',
|
|
top: 30,
|
|
padding: 5,
|
|
itemWidth: 20,
|
|
itemHeight: 12,
|
|
textStyle: {
|
|
color: '#777',
|
|
},
|
|
},
|
|
series: [{
|
|
type: 'pie',
|
|
radius: ['45%', '60%'],
|
|
center: ['50%', '50%'],
|
|
label: {
|
|
show: true,
|
|
formatter: '{b} : {d}%',
|
|
color: '#777',
|
|
},
|
|
labelLine: {
|
|
show: true,
|
|
length2: 10,
|
|
},
|
|
data: [
|
|
{
|
|
value: 335,
|
|
name: '直接访问',
|
|
},
|
|
{
|
|
value: 77,
|
|
name: 'Bilibili',
|
|
},
|
|
{
|
|
value: 82,
|
|
name: '知乎',
|
|
},
|
|
{
|
|
value: 421,
|
|
name: '小红书',
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}) as Ref<ECOption>
|
|
useEcharts('lineRef', option)
|
|
</script>
|
|
|
|
<template>
|
|
<div ref="lineRef" class="h-400px" />
|
|
</template>
|
|
|
|
<style scoped></style>
|