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

11
src/view/yl.vue
View File

@ -112,7 +112,7 @@
<!-- </div> -->
</div>
</div>
<div class="displayFlex center_bg">
<div class="displayFlex right_bg">
<div class="flex1">
<div class="yd_title mechanism"></div>
<div class="history">
@ -370,6 +370,15 @@ const change = (name, index) => {
background-repeat: no-repeat;
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 {
display: flex;
flex-direction: row;