邓洁 : 修改弹窗缩放

This commit is contained in:
邓洁
2023-12-18 00:33:07 +08:00
parent ecfca1e0a0
commit e8cd871447
4 changed files with 82 additions and 20 deletions

View File

@@ -179,6 +179,18 @@ const initChart = () => {
fontSize: 40 fontSize: 40
} }
}, },
toolbox: {
show: false,
right: 10,
feature: {
dataZoom: {
yAxisIndex: 'none'
}
}
},
dataZoom: [{
type: 'inside'
}],
//X轴 //X轴
xAxis: { xAxis: {
type: 'category', type: 'category',
@@ -259,6 +271,18 @@ const initAirChart = () => {
fontSize: 40 fontSize: 40
} }
}, },
toolbox: {
show: false,
right: 10,
feature: {
dataZoom: {
yAxisIndex: 'none'
}
}
},
dataZoom: [{
type: 'inside'
}],
//X轴 //X轴
xAxis: { xAxis: {
type: 'category', type: 'category',

View File

@@ -160,6 +160,18 @@ const initChart = () => {
fontSize: 40 fontSize: 40
} }
}, },
toolbox: {
show: false,
right: 10,
feature: {
dataZoom: {
yAxisIndex: 'none'
}
}
},
dataZoom: [{
type: 'inside'
}],
//X轴 //X轴
xAxis: { xAxis: {
type: "category", type: "category",

View File

@@ -131,6 +131,18 @@ const initChart = () => {
fontSize: 40 fontSize: 40
} }
}, },
toolbox: {
show: false,
right: 10,
feature: {
dataZoom: {
yAxisIndex: 'none'
}
}
},
dataZoom: [{
type: 'inside'
}],
//X轴 //X轴
xAxis: { xAxis: {
type: 'category', type: 'category',

View File

@@ -2,7 +2,8 @@
<div id="wind-pressure"> <div id="wind-pressure">
<div class="name">风压</div> <div class="name">风压</div>
<div class="list"> <div class="list">
<wind-pressure-item v-for="(item,index) in wpList" :key="item.equipmentId" :wp="item" :index="index+1" @click="handleOpenChart(item,index+1)"/> <wind-pressure-item v-for="(item,index) in wpList" :key="item.equipmentId" :wp="item" :index="index+1"
@click="handleOpenChart(item,index+1)"/>
</div> </div>
<div class="digital-tunnel"> <div class="digital-tunnel">
<el-dialog v-model="isVisited" :title="windSort+'号风压监控数据'" width="2175px" :modal="false"> <el-dialog v-model="isVisited" :title="windSort+'号风压监控数据'" width="2175px" :modal="false">
@@ -31,6 +32,7 @@ import WindPressureItem from "./childComps/WindPressureItem.vue";
import TimeRangeBtn from "@/components/timeRangeBtn/index.vue" import TimeRangeBtn from "@/components/timeRangeBtn/index.vue"
import * as echarts from 'echarts'; import * as echarts from 'echarts';
import {getEchartsInfo} from "../../../api/largeScreen"; import {getEchartsInfo} from "../../../api/largeScreen";
const props = defineProps({ const props = defineProps({
list: Array, list: Array,
winData: Array winData: Array
@@ -131,6 +133,18 @@ const initChart = (type,values) => {
fontSize: 40 fontSize: 40
} }
}, },
toolbox: {
show: false,
right: 10,
feature: {
dataZoom: {
yAxisIndex: 'none'
}
}
},
dataZoom: [{
type: 'inside'
}],
//X轴 //X轴
xAxis: { xAxis: {
type: 'category', type: 'category',
@@ -163,7 +177,7 @@ const initChart = (type,values) => {
symbolSize: 24, symbolSize: 24,
lineStyle: { lineStyle: {
width: 5 width: 5
} },
} }
] ]
} }