|
|
@@ -193,12 +193,17 @@ const initialOption = {
|
|
|
};
|
|
|
|
|
|
const Index = (props) => {
|
|
|
- const [chartData, setChartData] = useState({ ...initialOption });
|
|
|
+ const [chartData, setChartData] = useState(null);
|
|
|
const [range, setRange] = useState([
|
|
|
dayjs(props.data?.data?.created_time).subtract(3, "day"),
|
|
|
dayjs(props.data?.data?.created_time).add(3, "day"),
|
|
|
]);
|
|
|
const fetchData = useMemoizedFn(async () => {
|
|
|
+ if (
|
|
|
+ props.data?.data?.rule_id === null ||
|
|
|
+ props.data?.data?.rule_id === undefined
|
|
|
+ )
|
|
|
+ return;
|
|
|
const res = await API.getAlarmPointData(
|
|
|
props.data?.data?.rule_id,
|
|
|
range[0].unix(),
|
|
|
@@ -349,11 +354,13 @@ const Index = (props) => {
|
|
|
/>
|
|
|
</div>
|
|
|
|
|
|
- <ReactECharts
|
|
|
- style={{ height: 250 }}
|
|
|
- option={chartData}
|
|
|
- notMerge={true}
|
|
|
- />
|
|
|
+ {chartData && (
|
|
|
+ <ReactECharts
|
|
|
+ style={{ height: 250 }}
|
|
|
+ option={chartData}
|
|
|
+ notMerge={true}
|
|
|
+ />
|
|
|
+ )}
|
|
|
</>
|
|
|
);
|
|
|
};
|