xiangshan
/
ggfwjsc
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gx

This commit is contained in:
duanxiaohai 2024-04-16 10:33:50 +08:00
parent c1d211c3c1
commit 5097119c70
2 changed files with 43 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
src/view/echarts/ylXZZC.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div <div
ref="chart" ref="chart"
style="width: 490px; height: calc(100% - 46px); min-height: 150px" style="width: 100%; height: calc(100% - 46px); min-height: 150px"
></div> ></div>
</template> </template>
@ -36,38 +36,38 @@ let option = {
containLabel: true, containLabel: true,
color: "#ffffff", color: "#ffffff",
}, },
dataZoom: [ // dataZoom: [
{ // {
show: zoomShow, // show: zoomShow,
type: "inside", // type: "inside",
startValue: 0, // startValue: 0,
endValue: 2, // endValue: 2,
minValueSpan: 2, // minValueSpan: 2,
maxValueSpan: 2, // maxValueSpan: 2,
yAxisIndex: [0], // yAxisIndex: [0],
zoomOnMouseWheel: false, // 关闭滚轮缩放 // zoomOnMouseWheel: false, // 关闭滚轮缩放
moveOnMouseWheel: true, // 开启滚轮平移 // moveOnMouseWheel: true, // 开启滚轮平移
moveOnMouseMove: true, // 鼠标移动能触发数据窗口平移 // moveOnMouseMove: true, // 鼠标移动能触发数据窗口平移
}, // },
{ // {
show: zoomShow, // show: zoomShow,
type: "slider", // type: "slider",
realtime: true, // realtime: true,
startValue: 0, // startValue: 0,
endValue: 2, // endValue: 2,
width: "3.5", // width: "3.5",
height: "80%", // height: "80%",
yAxisIndex: [0], // 控制y轴滚动 // yAxisIndex: [0], // 控制y轴滚动
fillerColor: "rgba(154, 181, 215, 1)", // 滚动条颜色 // fillerColor: "rgba(154, 181, 215, 1)", // 滚动条颜色
borderColor: "rgba(17, 100, 210, 0.12)", // borderColor: "rgba(17, 100, 210, 0.12)",
backgroundColor: "#cfcfcf", //两边未选中的滑动条区域的颜色 // backgroundColor: "#cfcfcf", //两边未选中的滑动条区域的颜色
handleSize: 0, // 两边手柄尺寸 // handleSize: 0, // 两边手柄尺寸
showDataShadow: false, //是否显示数据阴影 默认auto // showDataShadow: false, //是否显示数据阴影 默认auto
showDetail: false, // 拖拽时是否展示滚动条两侧的文字 // showDetail: false, // 拖拽时是否展示滚动条两侧的文字
top: "1%", // top: "1%",
right: "5", // right: "5",
}, // },
], // ],
calculable: true, calculable: true,
color: "rgba(0, 252, 255, 1)", color: "rgba(0, 252, 255, 1)",
// label: { // label: {

11
src/view/yl.vue
View File

@ -112,7 +112,7 @@
<!-- </div> --> <!-- </div> -->
</div> </div>
</div> </div>
<div class="displayFlex center_bg"> <div class="displayFlex right_bg">
<div class="flex1"> <div class="flex1">
<div class="yd_title mechanism"></div> <div class="yd_title mechanism"></div>
<div class="history"> <div class="history">
@ -370,6 +370,15 @@ const change = (name, index) => {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.right_bg {
width: 642px;
box-sizing: border-box;
padding-left: 10px;
margin-right: 28px;
background-image: url(@/assets/images/right_bg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.basicInformation { .basicInformation {
display: flex; display: flex;
flex-direction: row; flex-direction: row;