This commit is contained in:
陈红丽 2024-08-15 08:39:33 +08:00
parent 3c88d09205
commit 60475d2d11
2 changed files with 14 additions and 9 deletions

View File

@ -19,7 +19,12 @@
const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>); const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>);
const option = { const option = {
tooltip: {}, tooltip: {
trigger: 'axis',
axisPointer:{
type:'shadow'
}
},
grid: { grid: {
top: '10%', top: '10%',
left: '1%', left: '1%',
@ -105,18 +110,18 @@
itemStyle: { itemStyle: {
color: '#FC619D', color: '#FC619D',
}, },
tooltip: { // tooltip: {
show: false, // show: false,
}, // },
data: [105, 180, 208, 284, 343, 388, 435, 465, 487, 531, 589, 669], data: [105, 180, 208, 284, 343, 388, 435, 465, 487, 531, 589, 669],
}, },
{ {
name: '月销量', name: '月销量',
type: 'bar', type: 'bar',
barWidth: 10, barWidth: 10,
tooltip: { // tooltip: {
show: false, // show: false,
}, // },
label: { label: {
show: true, show: true,
position: 'top', position: 'top',

View File

@ -2,8 +2,8 @@
<el-row :gutter="12"> <el-row :gutter="12">
<el-col :span="24"> <el-col :span="24">
<el-tabs v-model="activeKey"> <el-tabs v-model="activeKey">
<el-tab-pane label="流量趋势" name="1"> <FluxTrend /></el-tab-pane> <el-tab-pane label="流量趋势" name="1"> <FluxTrend v-if="activeKey ==1"/></el-tab-pane>
<el-tab-pane label="访问量" name="2"> <VisitAmount /></el-tab-pane> <el-tab-pane label="访问量" name="2" > <VisitAmount v-if="activeKey ==2"/></el-tab-pane>
</el-tabs> </el-tabs>
</el-col> </el-col>
</el-row> </el-row>