3D

src/views/performance/components/chartsCom/3DDrawingChart.vue

@@ -1,14 +1,19 @@
 <template>
-  <!-- <div style="height: 600px">
+  <div style="height: 600px">
     <div
       :id="`plotly-3d-chart-` + index"
       style="width: 100%; height: 600px"
     ></div>
-    <div v-loading="loading" :id="`plotly-3d-chart-` + index" ref="plotlyChart" style="height: 600px">
+    <div
+      v-loading="loading"
+      :id="`plotly-3d-chart-` + index"
+      ref="plotlyChart"
+      style="height: 600px"
+    >
       <el-empty v-if="isError" description="请求失败"></el-empty>
     </div>
-  </div> -->
-  <div>
+  </div>
+  <!-- <div>
     <div
       v-loading="loading"
       :id="`plotly-3d-chart-` + index"
@@ -17,7 +22,7 @@
     >
       <el-empty v-if="isError" description="请求失败"></el-empty>
     </div>
-  </div>
+  </div> -->
 </template>
 
 <script>

src/views/performance/components/chartsCom/FaultUnit.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2025-01-15 15:49:57
- * @LastEditTime: 2025-01-15 16:32:47
+ * @LastEditTime: 2025-01-23 09:56:11
  * @LastEditors: bogon
  * @Description: In User Settings Edit
  * @FilePath: /performance-test/src/views/performance/components/chartsCom/FaultUntal.vue
@@ -75,7 +75,8 @@ export default {
           title: "故障机组",
           tickangle: 30,
           tickmode: "array",
-          tickvals: this.faultTypes.slice(0, 10),
+          tickvals: this.faultTypes.slice(0, 10), // 保证这里是字符串数组
+          ticktext: this.faultTypes.slice(0, 10), // 确保 ticktext 使用相同的标签
           tickfont: { size: 12 },
         },
         yaxis: {
@@ -94,6 +95,8 @@ export default {
           side: "right", // 右侧的 Y 轴
           position: 1, // 调整右侧轴的位置
           showline: true,
+          // tickvals: this.faultTypes.slice(0, 10), // 保证这里是字符串数组
+          // ticktext: this.faultTypes.slice(0, 10), // 确保 ticktext 使用相同的标签
           linecolor: "#1A295D", // 设置右侧轴线颜色
         },
         showlegend: false, // 显示图例