zd 优化俩图

src/views/efficiencyAnalysis/jcxx/components/CurveGraph.vue

@@ -82,7 +82,7 @@ export default {
                 crosshairLines.push({
                     name: '十字线',
                     type: 'line',
-                    data: [[crosshair.x - 10, crosshair.y], [crosshair.x + 10, crosshair.y]],
+                    data: [[crosshair.y - 10, crosshair.x], [crosshair.y + 10, crosshair.x]],
                     lineStyle: { color: 'black', width: 1, type: 'dashed' },
                     symbol: 'none',
                     tooltip: { show: false } // 十字线不显示tooltip
@@ -90,7 +90,7 @@ export default {
                 crosshairLines.push({
                     name: '十字线',
                     type: 'line',
-                    data: [[crosshair.x, crosshair.y - 500], [crosshair.x, crosshair.y + 500]],
+                    data: [[crosshair.y, crosshair.x - 500], [crosshair.y, crosshair.x + 500]],
                     lineStyle: { color: 'black', width: 1, type: 'dashed' },
                     symbol: 'none',
                     tooltip: { show: false } // 十字线不显示tooltip
@@ -98,7 +98,7 @@ export default {
                 crosshairCenter.push({
                     name: '十字线中心',
                     type: 'scatter',
-                    data: [[crosshair.x, crosshair.y]],
+                    data: [[crosshair.y, crosshair.x]],
                     symbolSize: 12,
                     itemStyle: { color: 'orange', borderColor: '#fff', borderWidth: 2 }
                 });
@@ -136,9 +136,16 @@ export default {
                     }
                 },
                 legend: {
-                    data: ['优化曲线',],
+                    data: ['指标', '钻速均值', '进尺均值', '优化曲线',],
                     top: '10%',
-                    left: 'center'
+                    right: '5%'
+                },
+                grid: {
+                    left: '2%',
+                    right: '5%',
+                    top: '15%',
+                    bottom: '10%',
+                    containLabel: true
                 },
                 xAxis: {
                     name: '钻速 (m/h)',
@@ -146,13 +153,21 @@ export default {
                     min: axisRange.xAxis.min,
                     max: axisRange.xAxis.max,
                     interval: axisRange.xAxis.interval,
-                    axisLabel: { formatter: '{value} m/h' }
+                    axisLabel: { formatter: '{value} m/h' },
+                    nameLocation: 'center',
+                    nameGap: 30,
+                    axisTick: { show: true },
+                    axisLine: { show: true }
                 },
                 yAxis: {
                     name: '进尺',
                     type: 'value',
                     min: axisRange.yAxis.min,
-                    interval: axisRange.yAxis.interval
+                    interval: axisRange.yAxis.interval,
+                    nameLocation: 'center',
+                    nameGap: 40,
+                    axisTick: { show: true },
+                    axisLine: { show: true }
                 },
                 series: [
                     {
@@ -166,14 +181,43 @@ export default {
                         emphasis: { showSymbol: false },
                         lineStyle: { color: 'red', width: 2 }
                     },
+                    {
+                        name: '钻速均值',
+                        type: 'line',
+                        data: [[crosshair.x, axisRange.yAxis.min], [crosshair.x, axisRange.yAxis.max]],
+                        lineStyle: { color: '#9eca7f', width: 2, type: 'dashed' },
+                        symbol: 'none',
+                        tooltip: { show: false }
+                    },
+                    {
+                        name: '进尺均值',
+                        type: 'line',
+                        data: [[crosshair.x - 500, crosshair.y], [crosshair.x + 500, crosshair.y]],
+                        lineStyle: { color: '#f2ca6b', width: 2 },
+                        symbol: 'none',
+                        tooltip: { show: false }
+                    },
                     ...crosshairLines,
                     ...crosshairCenter,
                     ...drillTypes.map(type => ({
                         name: type,
                         type: 'scatter',
                         data: scatter.filter(item => item[2] === type),
-                        symbolSize: 10,
-                        itemStyle: { color: 'blue' }
+                        symbolSize: 12,
+                        itemStyle: { 
+                            color: 'blue',
+                            borderColor: 'red',
+                            borderWidth: 3,
+                            shadowColor: 'red',
+                            shadowBlur: 8
+                        },
+                        label: {
+                            show: true,
+                            position: 'top',
+                            formatter: type,
+                            fontSize: 10,
+                            color: '#333'
+                        }
                     }))
                 ]
             };
@@ -202,7 +246,7 @@ export default {
 .drilling-chart-container {
     width: 100%;
     height: 100%;
-    padding: 20px;
+    /* padding: 20px; */
     box-sizing: border-box;
 }
 

src/views/efficiencyAnalysis/jcxx/detail.vue

@@ -12,6 +12,8 @@
 
             <el-tab-pane label="直方图形" name="histogramGraph">
                 <HistogramGraph :jh="queryParams.jh" />
+                <!-- <HistogramGraph :jh="wellId" theme="elegant" />
+                <HistogramGraph :jh="wellId" theme="vibrant" /> -->
             </el-tab-pane>
 
             <el-tab-pane label="测井数据" name="loggingData">