diff --git a/src/assets/images/box-title.png b/src/assets/images/box-title-l.png
similarity index 100%
rename from src/assets/images/box-title.png
rename to src/assets/images/box-title-l.png
diff --git a/src/assets/images/box-title-r.png b/src/assets/images/box-title-r.png
new file mode 100644
index 0000000..611d249
Binary files /dev/null and b/src/assets/images/box-title-r.png differ
diff --git a/src/views/screen/R_D_Environment/component/ThreeBG.vue b/src/views/screen/R_D_Environment/component/ThreeBG.vue
index e45f7e6..eac2326 100644
--- a/src/views/screen/R_D_Environment/component/ThreeBG.vue
+++ b/src/views/screen/R_D_Environment/component/ThreeBG.vue
@@ -142,13 +142,15 @@ function addMarks(text) {
 
 
     /** CSS3D */
-    const label = new CSS3DObject(document.createElement('div'));    
+    const label = new CSS3DObject(document.createElement('div'));
     label.position.set(0, 50, 40);
     label.scale.set(0.5, 0.5, 0.5);
     label.element.style.backgroundColor = '#fff';
     label.element.innerText = text;
     scene.add(label);
-
+    // 调整显示方向
+    // 假设我们要将HTML元素旋转90度绕Y轴，使其从正前方指向右方
+    label.rotation.set(-Math.PI / 4,0,  0);
 
     //定义标记点
     var radius = 0.5, segemnt = 16, rings = 16;
diff --git a/src/views/screen/R_D_Environment/component/item.vue b/src/views/screen/R_D_Environment/component/item.vue
index 57c2fca..6e9c245 100644
--- a/src/views/screen/R_D_Environment/component/item.vue
+++ b/src/views/screen/R_D_Environment/component/item.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="item-container">
-    <div class="box-title">{{ prop.title }}</div>
+    <div class="box-title" :class="[prop.pos == 'left'?'pos-l':'pos-r']">{{ prop.title }}</div>
     <div class="content">
       <slot></slot>      
     </div>
@@ -14,6 +14,10 @@ const prop = defineProps({
     type: String,
     default: '标题'
   },
+  pos: {
+    type: String,
+    default: 'left'
+  }
 })
 </script>
 
@@ -29,7 +33,14 @@ const prop = defineProps({
     font-size: 20px;
     line-height: 40px;
     color: #fff;
-    background: url('/src/assets/images/box-title.png') no-repeat center center / 100% 100%;
+  }
+  .pos-l {
+    background: url('/src/assets/images/box-title-l.png') no-repeat center center / 100% 100%;
+  }
+  .pos-r {
+    background: url('/src/assets/images/box-title-r.png') no-repeat center center / 100% 100%;
+    text-align: right;
+    padding-right: 25px;
   }
   .content {
     width: 100%;
diff --git a/src/views/screen/R_D_Environment/component/proge.vue b/src/views/screen/R_D_Environment/component/proge.vue
index a1ae62c..c92a289 100644
--- a/src/views/screen/R_D_Environment/component/proge.vue
+++ b/src/views/screen/R_D_Environment/component/proge.vue
@@ -62,8 +62,8 @@ option = {
       type: 'pictorialBar',
       symbolClip: true,
       symbolBoundingData: bodyMax,
-            symbolRepeat: true, //图形是否重复
-            symbolSize: [25, 6], //图形元素的尺寸
+      symbolRepeat: true, //图形是否重复
+      symbolSize: [25, 6], //图形元素的尺寸
       data: [
         {
           value: 80,
@@ -80,24 +80,22 @@ option = {
       symbolBoundingData: bodyMax,
       label: labelSetting,
       animationDuration: 0,
-            symbolRepeat: true, //图形是否重复
-            symbolSize: [25, 6], //图形元素的尺寸
+      symbolRepeat: true, //图形是否重复
+      symbolSize: [25, 6], //图形元素的尺寸
       itemStyle: {
         color: '#ccc'
       },
       data: [
         {
           value: 100,
-        },{
+        }, {
           value: 100,
         }
-        
+
       ]
     }
   ]
 };
 </script>
 
-<style lang="scss" scoped>
-
-</style>
+<style lang="scss" scoped></style>
diff --git a/src/views/screen/R_D_Environment/index.vue b/src/views/screen/R_D_Environment/index.vue
index bb4090b..732c09c 100644
--- a/src/views/screen/R_D_Environment/index.vue
+++ b/src/views/screen/R_D_Environment/index.vue
@@ -41,16 +41,16 @@
     </div>
     <div class="r-box">
       <div class="rbox-item">
-        <ItemVue title="温湿度">
+        <ItemVue title="温湿度" pos="right">
           <LineChart />
         </ItemVue>
       </div>
       <div class="rbox-item">
-        <ItemVue title="温湿度">
+        <ItemVue title="温湿度" pos="right">
         </ItemVue>
       </div>
       <div class="rbox-item">
-        <ItemVue title="温湿度">
+        <ItemVue title="温湿度" pos="right">
         </ItemVue>
       </div>
     </div>