diff --git a/src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingAlyPeriod/loadable.jsx b/src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingAlyPeriod/loadable.jsx index e44d224..d6c0173 100644 --- a/src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingAlyPeriod/loadable.jsx +++ b/src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingAlyPeriod/loadable.jsx @@ -212,7 +212,7 @@ function ParkingAlyPeriod() { }; }); - setParkData(lineChartOption(areaNames, xAxisData, "饱和度", seriesData)); + setParkData(lineChartOption(areaNames, xAxisData, "饱和度", seriesData,areaNames)); }; //停车饱和趋势分析分析 折线图 hour 时间对比 const getParkOptionHour = (data) => { @@ -275,240 +275,6 @@ function ParkingAlyPeriod() { ajax .getParkingAlyPeriodParkLine(data) .then((res) => { - res = { - "status": 20000, - "message": "success", - "data": { - "list": { - "hour_list": [ - { - "hour": "0", - "occupied_berths": "1", - "total_berths": "7209", - "occupancy_rate": "0.01%", - "date": "2023-10-10" - - }, - { - "hour": "9", - "occupied_berths": "9", - "total_berths": "7209", - "occupancy_rate": "0.12%", - "date": "2023-10-10" - }, - { - "hour": "10", - "occupied_berths": "2", - "total_berths": "7209", - "occupancy_rate": "0.03%", - "date": "2023-10-10" - }, - { - "hour": "11", - "occupied_berths": "2", - "total_berths": "7209", - "occupancy_rate": "0.03%", - "date": "2023-10-10" - }, - { - "hour": "12", - "occupied_berths": "3", - "total_berths": "7209", - "occupancy_rate": "0.04%", - "date": "2023-10-10" - }, - { - "hour": "13", - "occupied_berths": "2", - "total_berths": "7209", - "occupancy_rate": "0.03%", - "date": "2023-10-10" - }, - { - "hour": "14", - "occupied_berths": "3", - "total_berths": "7209", - "occupancy_rate": "0.04%", - "date": "2023-10-11" - }, - { - "hour": "15", - "occupied_berths": "1", - "total_berths": "7209", - "occupancy_rate": "0.01%", - "date": "2023-10-11" - }, - { - "hour": "16", - "occupied_berths": "1", - "total_berths": "7209", - "occupancy_rate": "0.01%", - "date": "2023-10-11" - }, - { - "hour": "17", - "occupied_berths": "1", - "total_berths": "7209", - "occupancy_rate": "0.01%", - "date": "2023-10-11" - }, - { - "hour": "18", - "occupied_berths": "4", - "total_berths": "7209", - "occupancy_rate": "0.06%", - "date": "2023-10-11" - } - ], - "area_list": [ - { - "hour": 0, - "occupancy_rate": 0, - "charge_type": "", - "charge_type_name": "" - }, - { - "hour": 1, - "occupancy_rate": 0, - "charge_type": "", - "charge_type_name": "" - }, - { - "hour": 2, - "occupancy_rate": 0, - "charge_type": "", - "charge_type_name": "" - }, - { - "hour": 3, - "occupancy_rate": 0, - "charge_type": "", - "charge_type_name": "" - }, - { - "hour": 4, - "occupancy_rate": 0, - "charge_type": "", - "charge_type_name": "" - }, - { - "hour": 5, - "occupancy_rate": 0, - "charge_type": "", - "charge_type_name": "" - }, - { - "hour": 6, - "occupancy_rate": 0, - "charge_type": "", - "charge_type_name": "" - }, - { - "hour": 7, - "occupancy_rate": 0, - "charge_type": "", - "charge_type_name": "" - }, - { - "hour": 8, - "occupancy_rate": 0, - "charge_type": "", - "charge_type_name": "" - }, - { - "hour": 9, - "occupancy_rate": 0, - "charge_type": "", - "charge_type_name": "" - }, - { - "hour": 10, - "occupancy_rate": 0, - "charge_type": "", - "charge_type_name": "" - }, - { - "hour": 11, - "occupancy_rate": 0, - "charge_type": "", - "charge_type_name": "" - }, - { - "hour": 12, - "occupancy_rate": 0, - "charge_type": "", - "charge_type_name": "" - }, - { - "hour": 13, - "occupancy_rate": "0.25%", - "charge_type": "2", - "charge_type_name": "二类区" - }, - { - "hour": 14, - "occupancy_rate": 0, - "charge_type": "2", - "charge_type_name": "二类区" - }, - { - "hour": 15, - "occupancy_rate": 0, - "charge_type": "2", - "charge_type_name": "二类区" - }, - { - "hour": 16, - "occupancy_rate": 0, - "charge_type": "2", - "charge_type_name": "二类区" - }, - { - "hour": 17, - "occupancy_rate": 0, - "charge_type": "2", - "charge_type_name": "二类区" - }, - { - "hour": 18, - "occupancy_rate": 0, - "charge_type": "2", - "charge_type_name": "二类区" - }, - { - "hour": 19, - "occupancy_rate": 0, - "charge_type": "2", - "charge_type_name": "二类区" - }, - { - "hour": 20, - "occupancy_rate": 0, - "charge_type": "2", - "charge_type_name": "二类区" - }, - { - "hour": 21, - "occupancy_rate": 0, - "charge_type": "2", - "charge_type_name": "二类区" - }, - { - "hour": 22, - "occupancy_rate": 0, - "charge_type": "2", - "charge_type_name": "二类区" - }, - { - "hour": 23, - "occupancy_rate": 0, - "charge_type": "2", - "charge_type_name": "二类区" - } - ] - } - } - } if (res.status === 20000) { getParkOption(res.data.list?.area_list); getParkOptionHour(res.data.list?.hour_list); diff --git a/src/pages/DataAnalysisPrediction/ParkingBusinessAly/echarts.config.js b/src/pages/DataAnalysisPrediction/ParkingBusinessAly/echarts.config.js index 8b694ba..46d4e9f 100644 --- a/src/pages/DataAnalysisPrediction/ParkingBusinessAly/echarts.config.js +++ b/src/pages/DataAnalysisPrediction/ParkingBusinessAly/echarts.config.js @@ -1,5 +1,5 @@ -const lineChartOption = (areaNames, xAxisData, yAxisName, seriesData) => { +const lineChartOption = (areaNames, xAxisData, yAxisName, seriesData, reName) => { return { title: { text: "", @@ -12,7 +12,7 @@ const lineChartOption = (areaNames, xAxisData, yAxisName, seriesData) => { type: "scroll", top: 0, left: 'center', - data: areaNames.length > 1 ? areaNames : [], + data: areaNames.length > 1 ? areaNames : reName || [], itemWidth: 18, itemHeight: 12, width: '40%',