|
|
@ -5,7 +5,7 @@ import ReactECharts from 'echarts-for-react'; |
|
|
|
import moment from 'moment' |
|
|
|
|
|
|
|
|
|
|
|
export default function Right_2 ({ depthWater }) { |
|
|
|
export default function Right_2({ depthWater }) { |
|
|
|
return ( |
|
|
|
<div className='card-item' style={{ height: '55%' }}> |
|
|
|
<CardTitle title='泵站水位' /> |
|
|
@ -55,6 +55,12 @@ export default function Right_2 ({ depthWater }) { |
|
|
|
areaStyle: { |
|
|
|
color: '#FFF', |
|
|
|
}, |
|
|
|
min: (value) => { |
|
|
|
return Math.floor(value.min * 10) / 10; |
|
|
|
}, |
|
|
|
max: (value) => { |
|
|
|
return Math.ceil(value.max * 10) / 10; |
|
|
|
} |
|
|
|
}, |
|
|
|
series: [ |
|
|
|
{ |
|
|
@ -64,7 +70,7 @@ export default function Right_2 ({ depthWater }) { |
|
|
|
areaStyle: { |
|
|
|
color: '#0e9cff26', |
|
|
|
}, |
|
|
|
data: depthWater?.map(v => [moment(v.time).format('YYYY-MM-DD HH:mm:ss'),v.sLiquid_level?.toFixed(2)]) |
|
|
|
data: depthWater?.map(v => [moment(v.time).format('YYYY-MM-DD HH:mm:ss'), v.sLiquid_level?.toFixed(2)]) |
|
|
|
}, |
|
|
|
{ |
|
|
|
type: 'line', |
|
|
@ -73,7 +79,7 @@ export default function Right_2 ({ depthWater }) { |
|
|
|
areaStyle: { |
|
|
|
color: '#0e9cff26', |
|
|
|
}, |
|
|
|
data: depthWater?.map(v => [moment(v.time).format('YYYY-MM-DD HH:mm:ss'),v.sGrille_level?.toFixed(2) || 0]) |
|
|
|
data: depthWater?.map(v => [moment(v.time).format('YYYY-MM-DD HH:mm:ss'), v.sGrille_level?.toFixed(2) || 0]) |
|
|
|
}, |
|
|
|
|
|
|
|
] |
|
|
|