|
|
@ -2261,52 +2261,22 @@ function KlineCanvsEcharts(containerId) { |
|
|
|
}, |
|
|
|
grid: [ |
|
|
|
{ |
|
|
|
left: |
|
|
|
window.innerWidth > 1024 |
|
|
|
? "70vw" |
|
|
|
: window.innerWidth > 768 |
|
|
|
? "65vw" |
|
|
|
: "55vw", |
|
|
|
right: |
|
|
|
window.innerWidth > 1024 |
|
|
|
? "40vw" |
|
|
|
: window.innerWidth > 768 |
|
|
|
? "30vw" |
|
|
|
: "40vw", |
|
|
|
left: window.innerWidth > 1024 ? '70vw' : window.innerWidth>768? '65vw' : '55vw', |
|
|
|
right: window.innerWidth > 1024 ? '40vw' : window.innerWidth>768? '30vw' : '40vw', |
|
|
|
top: window.innerWidth > 768 ? "8%" : "5%", |
|
|
|
height: window.innerWidth > 768 ? "34%" : "34%", |
|
|
|
containLabel: false, |
|
|
|
}, |
|
|
|
{ |
|
|
|
left: |
|
|
|
window.innerWidth > 1024 |
|
|
|
? "70vw" |
|
|
|
: window.innerWidth > 768 |
|
|
|
? "65vw" |
|
|
|
: "55vw", |
|
|
|
right: |
|
|
|
window.innerWidth > 1024 |
|
|
|
? "40vw" |
|
|
|
: window.innerWidth > 768 |
|
|
|
? "30vw" |
|
|
|
: "40vw", |
|
|
|
left: window.innerWidth > 1024 ? '70vw' : window.innerWidth>768? '65vw' : '55vw', |
|
|
|
right: window.innerWidth > 1024 ? '40vw' : window.innerWidth>768? '30vw' : '40vw', |
|
|
|
top: window.innerWidth > 768 ? "45%" : "42%", |
|
|
|
height: window.innerWidth > 768 ? "22%" : "22%", |
|
|
|
containLabel: false, |
|
|
|
}, |
|
|
|
{ |
|
|
|
left: |
|
|
|
window.innerWidth > 1024 |
|
|
|
? "70vw" |
|
|
|
: window.innerWidth > 768 |
|
|
|
? "65vw" |
|
|
|
: "55vw", |
|
|
|
right: |
|
|
|
window.innerWidth > 1024 |
|
|
|
? "40vw" |
|
|
|
: window.innerWidth > 768 |
|
|
|
? "30vw" |
|
|
|
: "40vw", |
|
|
|
left: window.innerWidth > 1024 ? '70vw' : window.innerWidth>768? '65vw' : '55vw', |
|
|
|
right: window.innerWidth > 1024 ? '40vw' : window.innerWidth>768? '30vw' : '40vw', |
|
|
|
top: window.innerWidth > 768 ? "73%" : "70%", |
|
|
|
height: window.innerWidth > 768 ? "20%" : "22%", |
|
|
|
containLabel: false, |
|
|
@ -2788,12 +2758,12 @@ function KlineCanvsEcharts(containerId) { |
|
|
|
symbol: "rect", |
|
|
|
symbolSize: (value, params) => { |
|
|
|
const width = window.innerWidth; |
|
|
|
const baseHeight = 36; |
|
|
|
if (width <= 375) { |
|
|
|
return [2, 16]; |
|
|
|
} else if (width <= 768) { |
|
|
|
return [2, 24]; |
|
|
|
} |
|
|
|
const baseHeight = 22; |
|
|
|
// if (width <= 375) { |
|
|
|
// return [2, 16]; |
|
|
|
// } else if (width <= 768) { |
|
|
|
// return [2, 22]; |
|
|
|
// } |
|
|
|
return [2, baseHeight]; |
|
|
|
}, |
|
|
|
itemStyle: { |
|
|
@ -2809,7 +2779,7 @@ function KlineCanvsEcharts(containerId) { |
|
|
|
if (item[1] === 0) { |
|
|
|
return { |
|
|
|
coord: [item[0], 20], |
|
|
|
symbolOffset: window.innerWidth > 768 ? [0, 20] : [0, 12], |
|
|
|
symbolOffset: [0, 10], |
|
|
|
itemStyle: { |
|
|
|
color: "#00ff00", |
|
|
|
}, |
|
|
@ -2841,12 +2811,12 @@ function KlineCanvsEcharts(containerId) { |
|
|
|
symbol: "rect", |
|
|
|
symbolSize: (value, params) => { |
|
|
|
const width = window.innerWidth; |
|
|
|
const baseHeight = 36; |
|
|
|
if (width <= 375) { |
|
|
|
return [2, 16]; |
|
|
|
} else if (width <= 768) { |
|
|
|
return [2, 24]; |
|
|
|
} |
|
|
|
const baseHeight = 22; |
|
|
|
// if (width <= 375) { |
|
|
|
// return [2, 16]; |
|
|
|
// } else if (width <= 768) { |
|
|
|
// return [2, 24]; |
|
|
|
// } |
|
|
|
return [2, baseHeight]; |
|
|
|
}, |
|
|
|
itemStyle: { |
|
|
@ -2863,7 +2833,7 @@ function KlineCanvsEcharts(containerId) { |
|
|
|
return { |
|
|
|
coord: [item[0], 80], |
|
|
|
symbolOffset: |
|
|
|
window.innerWidth > 768 ? [0, -20] : [0, -12], |
|
|
|
[0, -10], |
|
|
|
itemStyle: { |
|
|
|
color: "#ff0000", |
|
|
|
}, |
|
|
|