root
/
NanJingLamanRadarProject
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

commit

master
xuhuihui 3 years ago
parent
ce95f21da2
commit
bc8a89c79f
2 changed files with 75 additions and 54 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 16
      04.系统编码/Frontend/src/components/MicrowaveRadiation.vue
  2. 113
      04.系统编码/Frontend/src/components/RamanLidar.vue

16
04.系统编码/Frontend/src/components/MicrowaveRadiation.vue
View File

@ -382,7 +382,7 @@ export default {
creates.convectiveIndexProfileTimeChartCAPE = new HighChartCreate('convectiveHighChartCAPE'); creates.convectiveIndexProfileTimeChartCAPE = new HighChartCreate('convectiveHighChartCAPE');
creates.convectiveIndexProfileTimeChartCAPE.setChart(); creates.convectiveIndexProfileTimeChartCAPE.setChart();
creates.convectiveIndexProfileTimeChartCAPE.setXAxis('时间（时/分）', false); creates.convectiveIndexProfileTimeChartCAPE.setXAxis('时间（时/分）', false);
creates.convectiveIndexProfileTimeChartCAPE.setYAxis('CAPE(J/kg)', 800, 0, 100, 9); creates.convectiveIndexProfileTimeChartCAPE.setYAxis('CAPE(J/kg)');
creates.convectiveIndexProfileTimeChartCAPE.setLegend(); creates.convectiveIndexProfileTimeChartCAPE.setLegend();
creates.convectiveIndexProfileTimeChartCAPE.setTooltip('{point.category}, {point.y}(J/kg)'); creates.convectiveIndexProfileTimeChartCAPE.setTooltip('{point.category}, {point.y}(J/kg)');
creates.convectiveIndexProfileTimeChartCAPE.setSeries('CAPE') creates.convectiveIndexProfileTimeChartCAPE.setSeries('CAPE')
@ -393,7 +393,7 @@ export default {
creates.convectiveIndexProfileTimeChartCIN = new HighChartCreate('convectiveHighChartCIN'); creates.convectiveIndexProfileTimeChartCIN = new HighChartCreate('convectiveHighChartCIN');
creates.convectiveIndexProfileTimeChartCIN.setChart(); creates.convectiveIndexProfileTimeChartCIN.setChart();
creates.convectiveIndexProfileTimeChartCIN.setXAxis('时间（时/分）', false); creates.convectiveIndexProfileTimeChartCIN.setXAxis('时间（时/分）', false);
creates.convectiveIndexProfileTimeChartCIN.setYAxis('CIN(J/kg)', 800, 0, 100, 9); creates.convectiveIndexProfileTimeChartCIN.setYAxis('CIN(J/kg)');
creates.convectiveIndexProfileTimeChartCIN.setLegend(); creates.convectiveIndexProfileTimeChartCIN.setLegend();
creates.convectiveIndexProfileTimeChartCIN.setTooltip('{point.category}, {point.y}(J/kg)'); creates.convectiveIndexProfileTimeChartCIN.setTooltip('{point.category}, {point.y}(J/kg)');
creates.convectiveIndexProfileTimeChartCIN.setSeries('CIN') creates.convectiveIndexProfileTimeChartCIN.setSeries('CIN')
@ -405,7 +405,7 @@ export default {
creates.kIndexChart = new HighChartCreate('kIndexChart'); creates.kIndexChart = new HighChartCreate('kIndexChart');
creates.kIndexChart.setChart(); creates.kIndexChart.setChart();
creates.kIndexChart.setXAxis('时间（时/分）', false); creates.kIndexChart.setXAxis('时间（时/分）', false);
creates.kIndexChart.setYAxis('K（℃）', 40, -40, 10, 9); creates.kIndexChart.setYAxis('K（℃）');
creates.kIndexChart.setLegend(); creates.kIndexChart.setLegend();
creates.kIndexChart.setTooltip('{point.category}, {point.y}(℃)'); creates.kIndexChart.setTooltip('{point.category}, {point.y}(℃)');
creates.kIndexChart.setSeries('K指数') creates.kIndexChart.setSeries('K指数')
@ -417,7 +417,7 @@ export default {
creates.sandIndex = new HighChartCreate('sandIndexChart'); creates.sandIndex = new HighChartCreate('sandIndexChart');
creates.sandIndex.setChart(); creates.sandIndex.setChart();
creates.sandIndex.setXAxis('时间（时/分）', false); creates.sandIndex.setXAxis('时间（时/分）', false);
creates.sandIndex.setYAxis('SI（℃）', 30, 0, 3, 11); creates.sandIndex.setYAxis('SI（℃）');
creates.sandIndex.setLegend(); creates.sandIndex.setLegend();
creates.sandIndex.setTooltip('{point.category}, {point.y}(℃)'); creates.sandIndex.setTooltip('{point.category}, {point.y}(℃)');
creates.sandIndex.setSeries('沙式指数') creates.sandIndex.setSeries('沙式指数')
@ -429,7 +429,7 @@ export default {
creates.airPressure = new HighChartCreate('airPressureChart'); creates.airPressure = new HighChartCreate('airPressureChart');
creates.airPressure.setChart(); creates.airPressure.setChart();
creates.airPressure.setXAxis('时间（时/分）', false); creates.airPressure.setXAxis('时间（时/分）', false);
creates.airPressure.setYAxis('LCL气压（hPa)', 1000, 300, 100, 8); creates.airPressure.setYAxis('LCL气压（hPa)');
creates.airPressure.setLegend(); creates.airPressure.setLegend();
creates.airPressure.setTooltip('{point.category}, {point.y}(hPa)'); creates.airPressure.setTooltip('{point.category}, {point.y}(hPa)');
creates.airPressure.setSeries('LCL气压') creates.airPressure.setSeries('LCL气压')
@ -441,7 +441,7 @@ export default {
creates.deltaT = new HighChartCreate('deltaTChart'); creates.deltaT = new HighChartCreate('deltaTChart');
creates.deltaT.setChart(); creates.deltaT.setChart();
creates.deltaT.setXAxis('时间（时/分）', false); creates.deltaT.setXAxis('时间（时/分）', false);
creates.deltaT.setYAxis('deltaT（℃）', 1000, 300, 100, 8); creates.deltaT.setYAxis('deltaT（℃）');
creates.deltaT.setLegend(); creates.deltaT.setLegend();
creates.deltaT.setTooltip('{point.category}, {point.y}(℃)'); creates.deltaT.setTooltip('{point.category}, {point.y}(℃)');
creates.deltaT.setSeries('deltaT') creates.deltaT.setSeries('deltaT')
@ -453,7 +453,7 @@ export default {
creates.zeroHeight = new HighChartCreate('zeroHeightChart'); creates.zeroHeight = new HighChartCreate('zeroHeightChart');
creates.zeroHeight.setChart(); creates.zeroHeight.setChart();
creates.zeroHeight.setXAxis('时间（时/分）', false); creates.zeroHeight.setXAxis('时间（时/分）', false);
creates.zeroHeight.setYAxis('hgt_0(m)', 10, 0, 1, 11); creates.zeroHeight.setYAxis('hgt_0(m)');
creates.zeroHeight.setLegend(); creates.zeroHeight.setLegend();
creates.zeroHeight.setTooltip('{point.category}, {point.y}(m)'); creates.zeroHeight.setTooltip('{point.category}, {point.y}(m)');
creates.zeroHeight.setSeries('hgt_0') creates.zeroHeight.setSeries('hgt_0')
@ -465,7 +465,7 @@ export default {
creates.NegativeTwentyHeight = new HighChartCreate('NegativeTwentyHeightChart'); creates.NegativeTwentyHeight = new HighChartCreate('NegativeTwentyHeightChart');
creates.NegativeTwentyHeight.setChart(); creates.NegativeTwentyHeight.setChart();
creates.NegativeTwentyHeight.setXAxis('时间（时/分）', false); creates.NegativeTwentyHeight.setXAxis('时间（时/分）', false);
creates.NegativeTwentyHeight.setYAxis('hgt_-20(m)', 20, -20, 5, 9); creates.NegativeTwentyHeight.setYAxis('hgt_-20(m)');
creates.NegativeTwentyHeight.setLegend(); creates.NegativeTwentyHeight.setLegend();
creates.NegativeTwentyHeight.setTooltip('{point.category}, {point.y}(m)'); creates.NegativeTwentyHeight.setTooltip('{point.category}, {point.y}(m)');
creates.NegativeTwentyHeight.setSeries('hgt_-20') creates.NegativeTwentyHeight.setSeries('hgt_-20')

113
04.系统编码/Frontend/src/components/RamanLidar.vue
View File

@ -170,7 +170,7 @@
</div> </div>
<div class="picture-container raman-picture-container" v-show="currentElement=== 'cloudbaseheight'"> <div class="picture-container raman-picture-container" v-show="currentElement=== 'cloudbaseheight'">
<div class="picture"> <div class="picture special-picture">
<div id="cloudsHeight" <div id="cloudsHeight"
style="width: 1000px;height: 450px" style="width: 1000px;height: 450px"
v-loading="loadingCloudsHeightStatus" v-loading="loadingCloudsHeightStatus"
@ -180,7 +180,7 @@
</div> </div>
<div class="picture-container raman-picture-container" v-show="currentElement=== 'cloudtopheight'"> <div class="picture-container raman-picture-container" v-show="currentElement=== 'cloudtopheight'">
<div class="picture"> <div class="picture special-picture">
<div id="cloudTopHeight" <div id="cloudTopHeight"
style="width: 1000px;height: 450px" style="width: 1000px;height: 450px"
v-loading="loadingCloudTopHeightStatus" v-loading="loadingCloudTopHeightStatus"
@ -191,9 +191,9 @@
<div class="picture-container raman-picture-container" v-show="currentTab === 'MWR'"> <div class="picture-container raman-picture-container" v-show="currentElement === 'layertype'">
<div class="picture special-picture"> <div class="picture special-picture">
<h2 class="title">云的识别</h2> <!-- <h2 class="title">云的识别</h2>-->
<div v-loading="loadingCloudRecognitionStatus" <div v-loading="loadingCloudRecognitionStatus"
style="width: 100%;" style="width: 100%;"
custom-class="loading" custom-class="loading"
@ -201,8 +201,11 @@
<canvas id='cloud_recognition_chart'></canvas> <canvas id='cloud_recognition_chart'></canvas>
</div> </div>
</div> </div>
</div>
<div class="picture-container raman-picture-container" v-show="currentElement === 'extinction'">
<div class="picture special-picture"> <div class="picture special-picture">
<h2 class="title">消光系数</h2> <!-- <h2 class="title">消光系数</h2>-->
<div v-loading="loadingExtinctionStatus" <div v-loading="loadingExtinctionStatus"
style="width: 100%;" style="width: 100%;"
custom-class="loading" custom-class="loading"
@ -210,8 +213,11 @@
<canvas id='extinction_chart'></canvas> <canvas id='extinction_chart'></canvas>
</div> </div>
</div> </div>
</div>
<div class="picture-container raman-picture-container" v-show="currentElement === 'watervapor'">
<div class="picture special-picture"> <div class="picture special-picture">
<h2 class="title" style="left: 2.4rem;">水汽</h2> <!-- <h2 class="title" style="left: 2.4rem;">水汽</h2>-->
<div v-loading="loadingWaterVaporStatus" <div v-loading="loadingWaterVaporStatus"
style="width: 100%" style="width: 100%"
element-loading-text="加载中"> element-loading-text="加载中">
@ -315,19 +321,18 @@ export default {
chartTimeData: [], chartTimeData: [],
elementData: [ elementData: [
{ {
value: 'aod-icot-wcot', value: 'layertype',
label: '光学厚度' label: '云的识别'
}, },
{ {
value: 'extinctionOptics', value: 'extinction',
label: '消光系数' label: '消光系数'
}, },
{ {
value: 'backscatter', value: 'watervapor',
label: '后向散射系数' label: '水汽'
}, }],
], currentElement: 'layertype'
currentElement: 'aod-icot-wcot'
}) })
onMounted(() => { onMounted(() => {
@ -344,7 +349,7 @@ export default {
creates.boundaryLayerHeight = new HighChartCreate('BoundaryLayerHeight'); creates.boundaryLayerHeight = new HighChartCreate('BoundaryLayerHeight');
creates.boundaryLayerHeight.setChart(false,'line', 1000); creates.boundaryLayerHeight.setChart(false,'line', 1000);
creates.boundaryLayerHeight.setXAxisTypeDate(); creates.boundaryLayerHeight.setXAxisTypeDate();
creates.boundaryLayerHeight.setYAxis('边界层高度(米)'); creates.boundaryLayerHeight.setYAxis('边界层高度(m)');
creates.boundaryLayerHeight.setLegend(); creates.boundaryLayerHeight.setLegend();
creates.boundaryLayerHeight.setTooltip('高度: {point.y}'); creates.boundaryLayerHeight.setTooltip('高度: {point.y}');
creates.boundaryLayerHeight.setSeries('边界层高度') creates.boundaryLayerHeight.setSeries('边界层高度')
@ -357,7 +362,7 @@ export default {
creates.cloudsHeight.setChart(false, 'scatter', 1000); creates.cloudsHeight.setChart(false, 'scatter', 1000);
// creates.cloudsHeight.setSpecialXAxis('时间(小时)', 24, 0, 2); // creates.cloudsHeight.setSpecialXAxis('时间(小时)', 24, 0, 2);
creates.cloudsHeight.setXAxisTypeDate(); creates.cloudsHeight.setXAxisTypeDate();
creates.cloudsHeight.setYAxis('高度(米)'); creates.cloudsHeight.setYAxis('高度(m)');
creates.cloudsHeight.setLegend(); creates.cloudsHeight.setLegend();
creates.cloudsHeight.setTooltip('高度: {point.y}'); creates.cloudsHeight.setTooltip('高度: {point.y}');
creates.cloudsHeight.setSeries('云层高度') creates.cloudsHeight.setSeries('云层高度')
@ -369,7 +374,7 @@ export default {
creates.cloudTopHeight.setChart(false, 'scatter', 1000); creates.cloudTopHeight.setChart(false, 'scatter', 1000);
// creates.cloudTopHeight.setSpecialXAxis('时间(小时)', 24, 0, 2); // creates.cloudTopHeight.setSpecialXAxis('时间(小时)', 24, 0, 2);
creates.cloudTopHeight.setXAxisTypeDate(); creates.cloudTopHeight.setXAxisTypeDate();
creates.cloudTopHeight.setYAxis('高度(米)'); creates.cloudTopHeight.setYAxis('高度(m)');
creates.cloudTopHeight.setLegend(); creates.cloudTopHeight.setLegend();
creates.cloudTopHeight.setTooltip('高度: {point.y}'); creates.cloudTopHeight.setTooltip('高度: {point.y}');
creates.cloudTopHeight.setSeries('云顶高度') creates.cloudTopHeight.setSeries('云顶高度')
@ -381,7 +386,7 @@ export default {
creates.LidarRatio = new HighChartCreate('LidarRatio'); creates.LidarRatio = new HighChartCreate('LidarRatio');
creates.LidarRatio.setChart(false,'line', 1000); creates.LidarRatio.setChart(false,'line', 1000);
creates.LidarRatio.setSpecialXAxis('sr', 120, 0, 20); creates.LidarRatio.setSpecialXAxis('sr', 120, 0, 20);
creates.LidarRatio.setYAxis('高度(米)'); creates.LidarRatio.setYAxis('高度(m)');
creates.LidarRatio.setLegend(); creates.LidarRatio.setLegend();
creates.LidarRatio.setTooltip('高度: {point.y}'); creates.LidarRatio.setTooltip('高度: {point.y}');
creates.LidarRatio.setSeries('激光雷达比') creates.LidarRatio.setSeries('激光雷达比')
@ -412,21 +417,26 @@ export default {
const reloadChangeData = () => { const reloadChangeData = () => {
cancelRequest(); cancelRequest();
onMenuChange()
elementChange(options.currentElement)
}
const onMenuChange = () => {
options.elementData = [] options.elementData = []
if (options.currentTab === 'boundary-layer-height') { if (options.currentTab === 'boundary-layer-height') {
options.currentElement = 'singleWatervapor' options.currentElement = 'singleWatervapor'
options.elementData = [{ options.elementData = [
{
value: 'singleWatervapor', value: 'singleWatervapor',
label: '水汽' label: '水汽'
}] }]
} else if (options.currentTab === 'optical-property') { } else if (options.currentTab === 'optical-property') {
options.currentElement = 'aod-icot-wcot' options.currentElement = 'aod-icot-wcot'
options.elementData = [ options.elementData = [
{ {
value: 'aod-icot-wcot', value: 'aod-icot-wcot',
label: '光学厚度' label: '光学厚度'
}, },
{ {
value: 'extinctionOptics', value: 'extinctionOptics',
@ -435,7 +445,7 @@ export default {
{ {
value: 'backscatter', value: 'backscatter',
label: '后向散射系数' label: '后向散射系数'
},] }]
} else if (options.currentTab === 'aerosol-product') { } else if (options.currentTab === 'aerosol-product') {
options.currentElement = 'pm2_5' options.currentElement = 'pm2_5'
@ -451,9 +461,7 @@ export default {
{ {
value: 'lidarratio', value: 'lidarratio',
label: '激光雷达比' label: '激光雷达比'
} }]
]
} else if (options.currentTab === 'BingoCloud') { } else if (options.currentTab === 'BingoCloud') {
options.currentElement = 'cloudSol' options.currentElement = 'cloudSol'
options.elementData = [ options.elementData = [
@ -468,16 +476,23 @@ export default {
{ {
value: 'cloudtopheight', value: 'cloudtopheight',
label: '云顶高度' label: '云顶高度'
} }]
]
} else if (options.currentTab === 'MWR') { } else if (options.currentTab === 'MWR') {
options.currentElement = '质控对比' options.currentElement = 'layertype'
reloadCloudRecognition('layertype', 801, 'layertype', drawCloudRecognition); options.elementData = [
reloadCloudRecognition('extinction', 801, 'extinction', drawExtinction); {
reloadCloudRecognition('watervapor', 101, 'watervapor', drawWatervapor); value: 'layertype',
label: '云的识别'
},
{
value: 'extinction',
label: '消光系数'
},
{
value: 'watervapor',
label: '水汽'
}]
} }
elementChange(options.currentElement)
} }
const elementChange = (code: string) => { const elementChange = (code: string) => {
@ -515,6 +530,15 @@ export default {
case 'cloudtopheight' : case 'cloudtopheight' :
reloadChartsRecognition('cloudtopheight', drawCloudTopHeightCharts); reloadChartsRecognition('cloudtopheight', drawCloudTopHeightCharts);
break; break;
case 'layertype' :
reloadCloudRecognition('layertype', 801, 'layertype', drawCloudRecognition);
break;
case 'extinction' :
reloadCloudRecognition('extinction', 801, 'extinction', drawExtinction);
break;
case 'watervapor' :
reloadCloudRecognition('watervapor', 101, 'watervapor', drawWatervapor);
break;
default: default:
throw new Error("无效的type类型"); throw new Error("无效的type类型");
} }
@ -806,7 +830,7 @@ export default {
} }
let matrix = converCloudRecognition(101, result, 'watervapor'); let matrix = converCloudRecognition(101, result, 'watervapor');
creates.watervaporDrawer = new HeatMapDrawer(800, 600, matrix, "watervapor_chart",'g/kg'); creates.watervaporDrawer = new HeatMapDrawer(1200, 600, matrix, "watervapor_chart",'g/kg');
creates.watervaporDrawer.setAxis(new CoordinateScale(options.timeArray), new CoordinateScale([0, 500, 1000, 1500], true, true)); creates.watervaporDrawer.setAxis(new CoordinateScale(options.timeArray), new CoordinateScale([0, 500, 1000, 1500], true, true));
creates.watervaporDrawer.setColorChart(prepareWatervaporColors()); creates.watervaporDrawer.setColorChart(prepareWatervaporColors());
creates.watervaporDrawer.draw(); creates.watervaporDrawer.draw();
@ -828,7 +852,7 @@ export default {
} }
let matrix = converCloudRecognition(801, result, 'extinction'); let matrix = converCloudRecognition(801, result, 'extinction');
creates.extinctionDrawer = new HeatMapDrawer(800, 600, matrix, "extinction_chart", '/km/sr'); creates.extinctionDrawer = new HeatMapDrawer(1200, 600, matrix, "extinction_chart", 'km/sr');
creates.extinctionDrawer.setAxis(new CoordinateScale(options.timeArray), new CoordinateScale([0, 2000, 4000, 6000, 8000, 10000, 12000], true, true)); creates.extinctionDrawer.setAxis(new CoordinateScale(options.timeArray), new CoordinateScale([0, 2000, 4000, 6000, 8000, 10000, 12000], true, true));
creates.extinctionDrawer.setColorChart(prepareExtinctionnColors()); creates.extinctionDrawer.setColorChart(prepareExtinctionnColors());
creates.extinctionDrawer.draw(); creates.extinctionDrawer.draw();
@ -882,7 +906,7 @@ export default {
let matrix = converCloudRecognition(801, result, 'layertype'); let matrix = converCloudRecognition(801, result, 'layertype');
creates.cloudRecognitionDrawer = new HeatMapDrawer(800, 600, matrix, "cloud_recognition_chart"); 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.setAxis(new CoordinateScale(options.timeArray), new CoordinateScale([0, 2000, 4000, 6000, 8000, 10000, 12000], true, true));
creates.cloudRecognitionDrawer.setColorChart(prepareCloudRecognitionColors()); creates.cloudRecognitionDrawer.setColorChart(prepareCloudRecognitionColors());
creates.cloudRecognitionDrawer.draw(); creates.cloudRecognitionDrawer.draw();
@ -1261,9 +1285,6 @@ export default {
const onChange = () => { const onChange = () => {
initTimeLine(); initTimeLine();
if (options.currentTab === 'MWR') {
reloadChangeData();
}
elementChange(options.currentElement) elementChange(options.currentElement)
// setTitle(moment(options.date)); // setTitle(moment(options.date));
// activeImage(); // activeImage();
@ -1343,7 +1364,6 @@ export default {
} }
const onElementClick = (element) => { const onElementClick = (element) => {
options.currentElement = element options.currentElement = element
elementChange(element) elementChange(element)
} }
@ -1405,13 +1425,13 @@ export default {
margin-top: 30px; margin-top: 30px;
#watervapor_single_chart { #watervapor_single_chart {
transform: scale(1.0, 1.0) translateX(13%); transform: scale(1.0, 1.0) translateX(9%);
//transform: scale(1.0, 0.8) translateX(539px); //transform: scale(1.0, 0.8) translateX(539px);
} }
#extinction_optics_chart { #extinction_optics_chart {
//transform: scale(0.56, 0.85) translateX(-32%); //transform: scale(0.56, 0.85) translateX(-32%);
transform: scale(1.0, 1) translateX(13%); transform: scale(1.0, 1) translateX(9%);
} }
@ -1424,17 +1444,18 @@ export default {
} }
#backscatter_chart { #backscatter_chart {
transform: scale(1.0, 1) translateX(13%); transform: scale(1.0, 1) translateX(9%);
//transform: scale(0.6, 0.85) translateX(-76px); //transform: scale(0.6, 0.85) translateX(-76px);
} }
#cloud_sol_chart { #cloud_sol_chart {
transform: scale(1.0, 1) translateX(13%); transform: scale(1.0, 1) translateX(9%);
//transform: scale(0.6, 0.85) translate(-12%, -12px); //transform: scale(0.6, 0.85) translate(-12%, -12px);
} }
#cloud_recognition_chart, #extinction_chart, #watervapor_chart { #cloud_recognition_chart, #extinction_chart, #watervapor_chart {
transform: scale(0.6, 0.8) translateX(-260px); transform: scale(1.0, 1) translateX(9%);
//transform: scale(0.6, 0.8) translateX(-260px);
//transform: scale(0.6, 0.8) translateX(-131px); //transform: scale(0.6, 0.8) translateX(-131px);
} }

Write Preview
Loading…
Cancel
Save