setup

src/components/Modules/EnergyCostAnalysis/SO2/index.jsx

@@ -0,0 +1,44 @@
+import GraphBase from '../../../Common/GraphBase';
+import ReactECharts from 'echarts-for-react';
+import getOptions from '../../../../hooks/getChartOption';
+
+function SO2(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(
+					[
+						[132, 155, 140, 83, 180, 67, 136],
+						[83, 58, 60, 22, 80, 64, 43],
+						[49, 97, 80, 61, 100, 3, 93],
+					],
+					'氧气',
+				)}
+				style={{ height: '100%' }}
+			/>
+			{/* real table data here  */}
+		</GraphBase>
+	);
+}
+
+export default SO2;