2023-11-09 15:34:52 +08:00
|
|
|
import GraphBase from '../../../Common/GraphBase';
|
2023-11-09 13:36:21 +08:00
|
|
|
import ReactECharts from 'echarts-for-react';
|
|
|
|
|
import getOptions from '../../../../hooks/getChartOption';
|
|
|
|
|
|
|
|
|
|
function Oxygen(props) {
|
|
|
|
|
function handleSwitch(v) {
|
|
|
|
|
console.log('switched ', v);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function handleDateChange(v) {
|
|
|
|
|
console.log('date ', v);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<GraphBase
|
|
|
|
|
icon="battery"
|
|
|
|
|
title="氧气含量"
|
|
|
|
|
desc="能耗趋势图"
|
|
|
|
|
switchOptions={true}
|
|
|
|
|
onSwitch={handleSwitch}
|
|
|
|
|
dateOptions={['日', '周', '月', '年']}
|
|
|
|
|
legend={['总量', '白班', '夜班']}
|
|
|
|
|
onDateChange={handleDateChange}
|
|
|
|
|
size={['long', 'middle']}
|
|
|
|
|
>
|
|
|
|
|
{/* real echarts here */}
|
|
|
|
|
<ReactECharts
|
|
|
|
|
key={Math.random()}
|
|
|
|
|
option={getOptions(
|
|
|
|
|
[
|
|
|
|
|
[172, 165, 135, 35, 101, 53, 68], // 总量
|
|
|
|
|
[87, 68, 81, 33, 35, 44, 38], // 白班
|
|
|
|
|
[85, 97, 54, 2, 66, 9, 30], // 夜班
|
|
|
|
|
],
|
|
|
|
|
'氧气',
|
|
|
|
|
)}
|
|
|
|
|
style={{ height: '100%' }}
|
|
|
|
|
/>
|
|
|
|
|
{/* real table data here */}
|
|
|
|
|
</GraphBase>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default Oxygen;
|
