|
|
@ -21,7 +21,8 @@ function ParkingAlyPeriod() { |
|
|
|
const defaultData = { |
|
|
|
start_time: moment().subtract('days').startOf('day').format("YYYY-MM-DD"), |
|
|
|
end_time: moment().endOf("day").format("YYYY-MM-DD"), |
|
|
|
car_parking_type:'3', |
|
|
|
operator_id: '0', |
|
|
|
car_parking_type: '3', |
|
|
|
date_type: '1', |
|
|
|
paytype: '0' |
|
|
|
}; |
|
|
@ -48,7 +49,7 @@ function ParkingAlyPeriod() { |
|
|
|
total: 0, |
|
|
|
list: [], |
|
|
|
}); |
|
|
|
const [keyVal,setKeyVal] = useState() |
|
|
|
const [keyVal, setKeyVal] = useState() |
|
|
|
//出入场车流量分析 |
|
|
|
const [revenueData, setRevenueData] = useState({}); |
|
|
|
//停车饱和度趋势分析 |
|
|
@ -131,7 +132,7 @@ function ParkingAlyPeriod() { |
|
|
|
setRevenueData({}) |
|
|
|
return |
|
|
|
} |
|
|
|
const areaNames = data[0].name ? [...new Set(data.map((item) => item.name))] : [ '出场车次','入场车次']; |
|
|
|
const areaNames = data[0].name ? [...new Set(data.map((item) => item.name))] : ['出场车次', '入场车次']; |
|
|
|
// 获取所有横坐标 |
|
|
|
const dates = [...new Set(data.map((item) => item.hour))].sort( |
|
|
|
(a, b) => a.hour - b.hour |
|
|
@ -172,7 +173,12 @@ function ParkingAlyPeriod() { |
|
|
|
|
|
|
|
}; |
|
|
|
}); |
|
|
|
setRevenueData(lineChartOption(areaNames, xAxisData, "车次数(个)", seriesData)); |
|
|
|
setRevenueData({...lineChartOption(areaNames, xAxisData, "车次数(个)", seriesData), |
|
|
|
tooltip: { |
|
|
|
trigger: "axis", |
|
|
|
//formatter: "{a}<br/>{b}:{c}", |
|
|
|
}, |
|
|
|
}); |
|
|
|
}; |
|
|
|
//停车饱和趋势分析分析 折线图 |
|
|
|
const getParkOption = (data) => { |
|
|
@ -225,7 +231,7 @@ function ParkingAlyPeriod() { |
|
|
|
}; |
|
|
|
}); |
|
|
|
|
|
|
|
setParkData(lineChartOption(areaNames, xAxisData, "饱和度", seriesData,areaNames)); |
|
|
|
setParkData(lineChartOption(areaNames, xAxisData, "饱和度", seriesData, areaNames)); |
|
|
|
}; |
|
|
|
//停车饱和趋势分析分析 折线图 hour 时间对比 |
|
|
|
const getParkOptionHour = (data) => { |
|
|
@ -276,7 +282,13 @@ function ParkingAlyPeriod() { |
|
|
|
}; |
|
|
|
}); |
|
|
|
|
|
|
|
setHourData(lineChartOption(areaNames, xAxisData, "饱和度", seriesData)); |
|
|
|
setHourData({ |
|
|
|
...lineChartOption(areaNames, xAxisData, "饱和度", seriesData), |
|
|
|
// tooltip: { |
|
|
|
// trigger: "axis", |
|
|
|
// formatter: "{a}<br/>{b}:{c}", |
|
|
|
// }, |
|
|
|
}); |
|
|
|
}; |
|
|
|
function getParkingIncome(data) { |
|
|
|
ajax |
|
|
|