|
@ -91,15 +91,21 @@ function initQXNLZHEcharts(kline, qxnlzhqData) { |
|
|
grid: [ |
|
|
grid: [ |
|
|
{ |
|
|
{ |
|
|
top: "5%", |
|
|
top: "5%", |
|
|
height: window.innerWidth <= 768 ? "30%" : "40%" |
|
|
|
|
|
|
|
|
height: window.innerWidth <= 768 ? "35%" : "40%", |
|
|
|
|
|
width: window.innerWidth <= 768 ? "70%" : "80%", |
|
|
|
|
|
left: window.outerWidth <= 768 ? "20%" : "10%", |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
top: window.innerWidth <= 768 ? "35%" :"45%", |
|
|
|
|
|
height: "35%" |
|
|
|
|
|
|
|
|
top: window.innerWidth <= 768 ? "40%" :"45%", |
|
|
|
|
|
height: "35%", |
|
|
|
|
|
width: window.innerWidth <= 768 ? "70%" : "80%", |
|
|
|
|
|
left: window.outerWidth <= 768 ? "20%" : "10%", |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
top: window.innerWidth <= 768 ? "70%" : "80%", |
|
|
|
|
|
|
|
|
top: window.innerWidth <= 768 ? "75%" : "80%", |
|
|
height: "2%", |
|
|
height: "2%", |
|
|
|
|
|
width: window.innerWidth <= 768 ? "70%" : "80%", |
|
|
|
|
|
left: window.outerWidth <= 768 ? "20%" : "10%", |
|
|
}, |
|
|
}, |
|
|
], |
|
|
], |
|
|
|
|
|
|
|
@ -286,7 +292,7 @@ function initQXNLZHEcharts(kline, qxnlzhqData) { |
|
|
}, |
|
|
}, |
|
|
start: 50, // 默认展示后半部分数据 |
|
|
start: 50, // 默认展示后半部分数据 |
|
|
end: 100, |
|
|
end: 100, |
|
|
bottom: "8%", // 下移数据缩放滑块 |
|
|
|
|
|
|
|
|
bottom: window.innerWidth <= 768 ? "5%" : "7%", // 下移数据缩放滑块 |
|
|
}, |
|
|
}, |
|
|
// { |
|
|
// { |
|
|
// show: true, |
|
|
// show: true, |
|
@ -512,7 +518,7 @@ onBeforeUnmount(() => { |
|
|
@media only screen and (max-width: 768px) { |
|
|
@media only screen and (max-width: 768px) { |
|
|
.qxjmqEcharts { |
|
|
.qxjmqEcharts { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 400px; |
|
|
|
|
|
|
|
|
height: 270px; |
|
|
margin: 0; |
|
|
margin: 0; |
|
|
/* top: 5rem; */ |
|
|
/* top: 5rem; */ |
|
|
} |
|
|
} |
|
|