|
|
@ -146,7 +146,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="picture special-picture"> |
|
|
|
<div v-loading="loadingPmStatus" |
|
|
|
<div v-loading="loadingPm10Status" |
|
|
|
style="width: 100%;" |
|
|
|
custom-class="loading" |
|
|
|
element-loading-text="加载中"> |
|
|
@ -349,6 +349,7 @@ export default { |
|
|
|
loadingWaterVaporSingleStatus: false, |
|
|
|
loadingExtinctionOpticsStatus: false, |
|
|
|
loadingPmStatus: false, |
|
|
|
loadingPm10Status: false, |
|
|
|
loadingCloudSolStatus: false, |
|
|
|
loadingCloudRecognitionStatus: false, |
|
|
|
loadingExtinctionStatus: false, |
|
|
@ -395,7 +396,7 @@ export default { |
|
|
|
creates.boundaryLayerHeight = new HighChartCreate('BoundaryLayerHeight'); |
|
|
|
creates.boundaryLayerHeight.setChart(false,'line', 1000); |
|
|
|
creates.boundaryLayerHeight.setXAxisTypeDate(); |
|
|
|
creates.boundaryLayerHeight.setYAxis('边界层高度(m)'); |
|
|
|
creates.boundaryLayerHeight.setSpecialYAxis('边界层高度(m)'); |
|
|
|
creates.boundaryLayerHeight.setLegend(); |
|
|
|
creates.boundaryLayerHeight.setTooltip('高度: {point.y}'); |
|
|
|
creates.boundaryLayerHeight.setSeries('边界层高度',0, null, null, '#3636FF') |
|
|
@ -408,19 +409,20 @@ export default { |
|
|
|
creates.cloudsHeight.setChart(false, 'scatter', 1000); |
|
|
|
// creates.cloudsHeight.setSpecialXAxis('时间(小时)', 24, 0, 2); |
|
|
|
creates.cloudsHeight.setXAxisTypeDate(); |
|
|
|
creates.cloudsHeight.setYAxis('高度(m)'); |
|
|
|
creates.cloudsHeight.setSpecialYAxis('高度(m)'); |
|
|
|
creates.cloudsHeight.setLegend(); |
|
|
|
creates.cloudsHeight.setTooltip('高度: {point.y}'); |
|
|
|
creates.cloudsHeight.setSeries('云层高度') |
|
|
|
creates.cloudsHeight.init(); |
|
|
|
} |
|
|
|
|
|
|
|
//云顶高度 |
|
|
|
const cloudTopHeightInit = () => { |
|
|
|
creates.cloudTopHeight = new HighChartCreate('cloudTopHeight'); |
|
|
|
creates.cloudTopHeight.setChart(false, 'scatter', 1000); |
|
|
|
// creates.cloudTopHeight.setSpecialXAxis('时间(小时)', 24, 0, 2); |
|
|
|
creates.cloudTopHeight.setXAxisTypeDate(); |
|
|
|
creates.cloudTopHeight.setYAxis('高度(m)'); |
|
|
|
creates.cloudTopHeight.setSpecialYAxis('高度(m)'); |
|
|
|
creates.cloudTopHeight.setLegend(); |
|
|
|
creates.cloudTopHeight.setTooltip('高度: {point.y}'); |
|
|
|
creates.cloudTopHeight.setSeries('云顶高度') |
|
|
@ -432,7 +434,7 @@ export default { |
|
|
|
creates.LidarRatio = new HighChartCreate('LidarRatio'); |
|
|
|
creates.LidarRatio.setChart(false,'line', 1000); |
|
|
|
creates.LidarRatio.setSpecialXAxis('sr', 120, 0, 20); |
|
|
|
creates.LidarRatio.setYAxis('高度(m)'); |
|
|
|
creates.LidarRatio.setSpecialYAxis('高度(m)'); |
|
|
|
creates.LidarRatio.setLegend(); |
|
|
|
creates.LidarRatio.setTooltip('高度: {point.y}'); |
|
|
|
creates.LidarRatio.setSeries('激光雷达比', 0, null, null, '#3636FF') |
|
|
@ -443,10 +445,8 @@ export default { |
|
|
|
const opticalThicknessInit = () => { |
|
|
|
creates.opticalThickness = new HighChartCreate('opticalThickness'); |
|
|
|
creates.opticalThickness.setChart(false,'line', 1000); |
|
|
|
// creates.opticalThickness.setSpecialXAxis('时间(小时)', 24, 0, 2); |
|
|
|
// creates.opticalThickness.setXAxis('时间(天/时)', false); |
|
|
|
creates.opticalThickness.setXAxisTypeDate(); |
|
|
|
creates.opticalThickness.setYAxis('光学厚度'); |
|
|
|
creates.opticalThickness.setSpecialYAxis('光学厚度'); |
|
|
|
creates.opticalThickness.setLegend(true); |
|
|
|
creates.opticalThickness.setTooltip('{point.y}'); |
|
|
|
creates.opticalThickness.setSeries('气溶胶', 0, null, null, '#FF5352') |
|
|
@ -574,7 +574,7 @@ export default { |
|
|
|
case 'pm2_5' : |
|
|
|
initTimeLine(); |
|
|
|
reloadCloudRecognition('pm2_5', 201, 'pm2_5', drawPm2Point5); |
|
|
|
reloadCloudRecognition('pm2_5', 201, 'pm10', drawPm10); |
|
|
|
reloadCloudRecognition('pm10', 201, 'pm10', drawPm10); |
|
|
|
break; |
|
|
|
case 'pblh' : |
|
|
|
initTimeLine(); |
|
|
@ -670,7 +670,6 @@ export default { |
|
|
|
|
|
|
|
const convertValueToBox = (data) => { |
|
|
|
let timeMoment = moment(options.date).set('h', 1).add(-1, 'd'); |
|
|
|
console.log(options.currentElement) |
|
|
|
if (options.currentElement === 'extinction'){ |
|
|
|
timeMoment.add(12, 'h'); |
|
|
|
} |
|
|
@ -719,7 +718,7 @@ export default { |
|
|
|
clearHeatMapDrawer(creates.pm2Point5Drawer); |
|
|
|
break; |
|
|
|
case 'pm10': |
|
|
|
options.loadingPmStatus = true; |
|
|
|
options.loadingPm10Status = true; |
|
|
|
clearHeatMapDrawer(creates.pm10Drawer); |
|
|
|
break; |
|
|
|
case 'extinctionOptics': |
|
|
@ -820,7 +819,7 @@ export default { |
|
|
|
const drawPm10 = (result: CustomeArray<any>) => { |
|
|
|
if (result.length != 24) return; |
|
|
|
|
|
|
|
options.loadingPmStatus = false; |
|
|
|
options.loadingPm10Status = false; |
|
|
|
if (creates.pm10Drawer != null) { |
|
|
|
creates.pm10Drawer.close(); |
|
|
|
} |
|
|
@ -1030,7 +1029,7 @@ export default { |
|
|
|
} |
|
|
|
options.timeArray.reverse() |
|
|
|
} |
|
|
|
// |
|
|
|
|
|
|
|
const reloadChartsRecognition = (element: string, callback: any) => { |
|
|
|
preprocessingCharts(element) |
|
|
|
let result = new CustomeArray(callback); |
|
|
@ -1057,7 +1056,6 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
let matrix = converCloudRecognition(801, result, 'layertype'); |
|
|
|
|
|
|
|
creates.cloudRecognitionDrawer = new HeatMapDrawer(1200, 600, matrix, "cloud_recognition_chart"); |
|
|
|
creates.cloudRecognitionDrawer.setAxis(new CoordinateScale(options.timeArray), new CoordinateScale([0, 2000, 4000, 6000, 8000, 10000, 12000], true, true)); |
|
|
|
creates.cloudRecognitionDrawer.setColorChart(prepareCloudRecognitionColors()); |
|
|
@ -1066,7 +1064,10 @@ export default { |
|
|
|
|
|
|
|
const prepareCloudRecognitionColors = () => { |
|
|
|
return new ColorChart(['#0000FF', '#00FF00', '#FF0000', '#FFFFFF'], |
|
|
|
[3, 2, 1, 0, -99] |
|
|
|
[{ label: '冰云', value: 3 }, { label: '水云', value: 2 }, { label: '气溶胶', value: 1 }, { label: '晴空', value: 0 }], |
|
|
|
false, |
|
|
|
false, |
|
|
|
"equal" |
|
|
|
); |
|
|
|
} |
|
|
|
|
|
|
@ -1138,9 +1139,10 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
setCloudRecognitionResult(capacity, time, response.message, response.data, result); |
|
|
|
}).catch(error => { |
|
|
|
setCloudRecognitionResult(capacity, time, error.message, null, result); |
|
|
|
}) |
|
|
|
// .catch(error => { |
|
|
|
// setCloudRecognitionResult(capacity, time, error.message, null, result); |
|
|
|
// }) |
|
|
|
// .catch(error => { |
|
|
|
// setCloudRecognitionResult(capacity, time, error.message, null, result); |
|
|
|
// }) |
|
|
|