Browse Source

用电趋势展示优化

master
wenlele 1 year ago
parent
commit
8c28aa21e0
  1. 26
      web/client/src/sections/bigScreen/components/realTime/below.js

26
web/client/src/sections/bigScreen/components/realTime/below.js

@ -65,8 +65,6 @@ const Below = ({ dispatch, actions, stations, level }) => {
time: x time: x
}) })
}) })
console.log(threedata);
setThreePower(threedata); setThreePower(threedata);
} }
}) })
@ -383,7 +381,7 @@ const Below = ({ dispatch, actions, stations, level }) => {
backgroundSize: '100% 36px', backgroundSize: '100% 36px',
backgroundPosition: '0 0', backgroundPosition: '0 0',
backgroundRepeat: 'no-repeat', backgroundRepeat: 'no-repeat',
width: '33%', height: '93%', width: '33%', height: '100%',
}}> }}>
<div className='site' style={{ display: 'flex', alignItems: 'flex-end', justifyContent: 'space-between' }}> <div className='site' style={{ display: 'flex', alignItems: 'flex-end', justifyContent: 'space-between' }}>
<div style={{ lineHeight: "36px", color: '#E2F8FF', fontSize: 20., textIndent: 20, fontFamily: 'YouSheBiaoTiHei', fontSizeL: '1rem' }}>用电趋势</div> <div style={{ lineHeight: "36px", color: '#E2F8FF', fontSize: 20., textIndent: 20, fontFamily: 'YouSheBiaoTiHei', fontSizeL: '1rem' }}>用电趋势</div>
@ -397,15 +395,15 @@ const Below = ({ dispatch, actions, stations, level }) => {
// width: 300, // width: 300,
// height: 200 // height: 200
}, },
dataZoom: [ // dataZoom: [
{ // {
type: 'inside' // type: 'inside'
}, // },
{ // {
type: 'slider', // type: 'slider',
showDetail: false // showDetail: false
} // }
], // ],
tooltip: { tooltip: {
trigger: 'axis' trigger: 'axis'
}, },
@ -417,9 +415,9 @@ const Below = ({ dispatch, actions, stations, level }) => {
}, },
}, },
xAxis: { xAxis: {
// type: 'category', type: 'category',
// name: "时间", // name: "时间",
boundaryGap: false, // boundaryGap: false,
data: electricity?.map(v => moment(v.time).month() + 1) || [] data: electricity?.map(v => moment(v.time).month() + 1) || []
}, },
yAxis: { yAxis: {

Loading…
Cancel
Save