63 lines
1.1 KiB
Vue
63 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
const option: ECOption = {
|
|
backgroundColor: 'transparent',
|
|
tooltip: {
|
|
trigger: 'axis',
|
|
axisPointer: {
|
|
type: 'shadow',
|
|
},
|
|
},
|
|
grid: {
|
|
top: 20,
|
|
left: '2%',
|
|
right: '2%',
|
|
bottom: '3%',
|
|
containLabel: true,
|
|
},
|
|
xAxis: [
|
|
{
|
|
type: 'category',
|
|
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
|
|
axisTick: {
|
|
alignWithLabel: true,
|
|
},
|
|
},
|
|
],
|
|
yAxis: [
|
|
{
|
|
type: 'value',
|
|
axisTick: {
|
|
show: false,
|
|
},
|
|
},
|
|
],
|
|
series: [
|
|
{
|
|
name: 'pageA',
|
|
type: 'bar',
|
|
stack: 'vistors',
|
|
barWidth: '60%',
|
|
data: [79, 52, 200, 334, 390, 330, 220],
|
|
},
|
|
{
|
|
name: 'pageB',
|
|
type: 'bar',
|
|
stack: 'vistors',
|
|
barWidth: '60%',
|
|
data: [80, 52, 200, 334, 390, 330, 220],
|
|
},
|
|
{
|
|
name: 'pageC',
|
|
type: 'bar',
|
|
stack: 'vistors',
|
|
barWidth: '60%',
|
|
data: [30, 52, 200, 334, 390, 330, 220],
|
|
},
|
|
],
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<v-chart :option="option" autoresize />
|
|
</template>
|