import GraphBase from '../../../公共组件/GraphBase';
import ReactECharts from 'echarts-for-react';
import getOptions from '../../../../hooks/getChartOption';

// function rand(max) {
// 	return Math.ceil(Math.random() * max);
// }
// function getArr(len) {
// 	return Array(len).fill(1).map(() => rand(100))
// }
// function getArrs(len) {
// 	return Array(len).fill(1).map(() => getArr(7))
// }
// function fan4(...arrs) {
// 	const total = arrs[0].map((_, i) =>
// 		arrs.reduce((sum, arr) => sum + arr[i], 0),
// 	);
// 	arrs.unshift(total);
// 	return arrs;
// }
// function main() {
// 	// console.log(JSON.stringify(fan(getArrs(3))))
// 	console.log(fan(getArrs(3)))
// }

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;