commit

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

@@ -613,7 +613,7 @@ export default {
       }
 
       let matrix = converCloudRecognition(801, result, 'backscatter');
-      creates.backscatterDrawer = new HeatMapDrawer(800, 600, matrix, "backscatter_chart",'/km/sr');
+      creates.backscatterDrawer = new HeatMapDrawer(1200, 600, matrix, "backscatter_chart",'/km/sr');
       creates.backscatterDrawer.setAxis(new CoordinateScale(options.timeArray), new CoordinateScale([0, 2000, 4000, 6000, 8000, 10000, 12000], true, true));
       creates.backscatterDrawer.setColorChart(prepareBackscatterColors());
       creates.backscatterDrawer.draw();
@@ -760,7 +760,7 @@ export default {
       }
 
       let matrix = converCloudRecognition(801, result, 'cloudSol');
-      creates.cloudSolDrawer = new HeatMapDrawer(800, 600, matrix, "cloud_sol_chart");
+      creates.cloudSolDrawer = new HeatMapDrawer(1200, 600, matrix, "cloud_sol_chart");
       creates.cloudSolDrawer.setAxis(new CoordinateScale(options.timeArray), new CoordinateScale([0, 2000, 4000, 6000, 8000, 10000, 12000], true, true));
       creates.cloudSolDrawer.setColorChart(prepareCloudRecognitionColors());
       creates.cloudSolDrawer.draw();
@@ -775,7 +775,7 @@ export default {
       }
 
       let matrix = converCloudRecognition(801, result, 'extinctionOptics');
-      creates.opticsExtinctionDrawer = new HeatMapDrawer(800, 600, matrix, "extinction_optics_chart",'/km/sr');
+      creates.opticsExtinctionDrawer = new HeatMapDrawer(1200, 600, matrix, "extinction_optics_chart",'/km/sr');
       creates.opticsExtinctionDrawer.setAxis(new CoordinateScale(options.timeArray), new CoordinateScale([0, 2000, 4000, 6000, 8000, 10000, 12000], true, true));
       creates.opticsExtinctionDrawer.setColorChart(prepareExtinctionnColors());
       creates.opticsExtinctionDrawer.draw();
@@ -791,7 +791,7 @@ export default {
       }
 
       let matrix = converCloudRecognition(101, result, 'singleWatervapor');
-      creates.singleWatervaporDrawer = new HeatMapDrawer(800, 600, matrix, "watervapor_single_chart",' g/kg');
+      creates.singleWatervaporDrawer = new HeatMapDrawer(1200, 600, matrix, "watervapor_single_chart",' g/kg');
       creates.singleWatervaporDrawer.setAxis(new CoordinateScale(options.timeArray), new CoordinateScale([0, 500, 1000, 1500], true, true));
       creates.singleWatervaporDrawer.setColorChart(prepareWatervaporColors());
       creates.singleWatervaporDrawer.draw();
@@ -1405,13 +1405,13 @@ export default {
         margin-top: 30px;
 
         #watervapor_single_chart {
-          transform: scale(1.5, 1.0) translateX(24%);
+          transform: scale(1.0, 1.0) translateX(13%);
           //transform: scale(1.0, 0.8) translateX(539px);
         }
 
         #extinction_optics_chart {
             //transform: scale(0.56, 0.85) translateX(-32%);
-          transform: scale(1.5, 1) translateX(24%);
+          transform: scale(1.0, 1) translateX(13%);
 
         }
 
@@ -1424,12 +1424,12 @@ export default {
         }
 
         #backscatter_chart {
-          transform: scale(1.5, 1) translateX(24%);
+          transform: scale(1.0, 1) translateX(13%);
           //transform: scale(0.6, 0.85) translateX(-76px);
         }
 
         #cloud_sol_chart {
-          transform: scale(1.5, 1) translateX(24%);
+          transform: scale(1.0, 1) translateX(13%);
           //transform: scale(0.6, 0.85) translate(-12%, -12px);
         }
 

04.系统编码/Frontend/src/model/heat-map-drawer.ts

@@ -279,7 +279,7 @@ export class HeatMapDrawer{
     private drawTemperatureText(unit): void {
         this.canvasContext.font = "normal 25px 微软雅黑";
         this.canvasContext.fillStyle = "#000000";
-        let unitX = 680
+        let unitX = this.width - this.paddingRight;
         this.canvasContext.fillText(unit,  unitX, 70);
     }