zd

src/views/efficiencyAnalysis/djzt/detail/components/CurveGraph.vue

 <template>
 <template>
     <div class="drilling-chart-container" v-loading="loading">
     <div class="drilling-chart-container" v-loading="loading">
-        <div id="drillingEfficiencyChartdj" class="chart"></div>
+        <div id="drillingEfficiencyChart" class="chart"></div>
     </div>
     </div>
 </template>
 </template>
 
 
@@ -61,14 +61,14 @@ export default {
 
 
         initChart() {
         initChart() {
             if (!this.chartData) {
             if (!this.chartData) {
-                const chartDom = document.getElementById('drillingEfficiencyChartdj');
+                const chartDom = document.getElementById('drillingEfficiencyChart');
                 if (chartDom && this.myChart) {
                 if (chartDom && this.myChart) {
                     this.myChart.clear();
                     this.myChart.clear();
                 }
                 }
                 return;
                 return;
             }
             }
 
 
-            const chartDom = document.getElementById('drillingEfficiencyChartdj');
+            const chartDom = document.getElementById('drillingEfficiencyChart');
             if (!chartDom) {
             if (!chartDom) {
                 console.error('未找到图表容器');
                 console.error('未找到图表容器');
                 return;
                 return;

src/views/efficiencyAnalysis/djzt/detail/components/HistogramGraph.vue

 <template>
 <template>
     <div class="chart-container" v-loading="loading">
     <div class="chart-container" v-loading="loading">
-        <div id="mainzftdj" class="chart" ref="chartRef"></div>
+        <div id="mainzft" class="chart" ></div>
     </div>
     </div>
 </template>
 </template>
 
 
@@ -63,7 +63,7 @@ export default {
             window.addEventListener("resize", this.handleResize);
             window.addEventListener("resize", this.handleResize);
         },
         },
         observeParentResize() {
         observeParentResize() {
-            const parentDom = this.$refs.chartRef?.parentElement;
+            const parentDom = document.getElementById("mainzft")?.parentElement;
             if (parentDom && window.ResizeObserver) {
             if (parentDom && window.ResizeObserver) {
                 this.resizeObserver = new ResizeObserver(() => {
                 this.resizeObserver = new ResizeObserver(() => {
                     if (this.myChart) {
                     if (this.myChart) {
@@ -87,7 +87,7 @@ export default {
 
 
         async initChart() {
         async initChart() {
             this.loading = true;
             this.loading = true;
-            const chartDom = this.$refs.chartRef;
+            const chartDom = document.getElementById("mainzft");
             if (!chartDom) {
             if (!chartDom) {
                 console.error("未找到图表容器 DOM");
                 console.error("未找到图表容器 DOM");
                 this.loading = false;
                 this.loading = false;
@@ -142,7 +142,7 @@ export default {
                     const availableHeight = viewportHeight - 120;
                     const availableHeight = viewportHeight - 120;
                     const availableWidth = viewportWidth - 80;
                     const availableWidth = viewportWidth - 80;
 
 
-                    const chartDom = this.$refs.chartRef;
+                    const chartDom = document.getElementById("mainzft");
                     if (chartDom) {
                     if (chartDom) {
                         chartDom.style.width = `${availableWidth}px`;
                         chartDom.style.width = `${availableWidth}px`;
                         chartDom.style.height = `${availableHeight}px`;
                         chartDom.style.height = `${availableHeight}px`;