Skip to content

P
pdczt_qd
Commit d976850e by cat
Options

zd 优化俩图

parent e3b1119c
Showing with 56 additions and 10 deletions
src/views/efficiencyAnalysis/jcxx/components/CurveGraph.vue
...@@ -82,7 +82,7 @@ export default { ...@@ -82,7 +82,7 @@ export default {
crosshairLines.push({ crosshairLines.push({
name: '十字线', name: '十字线',
type: 'line', 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' }, lineStyle: { color: 'black', width: 1, type: 'dashed' },
symbol: 'none', symbol: 'none',
tooltip: { show: false } // 十字线不显示tooltip tooltip: { show: false } // 十字线不显示tooltip
...@@ -90,7 +90,7 @@ export default { ...@@ -90,7 +90,7 @@ export default {
crosshairLines.push({ crosshairLines.push({
name: '十字线', name: '十字线',
type: 'line', 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' }, lineStyle: { color: 'black', width: 1, type: 'dashed' },
symbol: 'none', symbol: 'none',
tooltip: { show: false } // 十字线不显示tooltip tooltip: { show: false } // 十字线不显示tooltip
...@@ -98,7 +98,7 @@ export default { ...@@ -98,7 +98,7 @@ export default {
crosshairCenter.push({ crosshairCenter.push({
name: '十字线中心', name: '十字线中心',
type: 'scatter', type: 'scatter',
data: [[crosshair.x, crosshair.y]], data: [[crosshair.y, crosshair.x]],
symbolSize: 12, symbolSize: 12,
itemStyle: { color: 'orange', borderColor: '#fff', borderWidth: 2 } itemStyle: { color: 'orange', borderColor: '#fff', borderWidth: 2 }
}); });
...@@ -136,9 +136,16 @@ export default { ...@@ -136,9 +136,16 @@ export default {
} }
}, },
legend: { legend: {
data: ['优化曲线',], data: ['指标', '钻速均值', '进尺均值', '优化曲线',],
top: '10%', top: '10%',
left: 'center' right: '5%'
},
grid: {
left: '2%',
right: '5%',
top: '15%',
bottom: '10%',
containLabel: true
}, },
xAxis: { xAxis: {
name: '钻速 (m/h)', name: '钻速 (m/h)',
...@@ -146,13 +153,21 @@ export default { ...@@ -146,13 +153,21 @@ export default {
min: axisRange.xAxis.min, min: axisRange.xAxis.min,
max: axisRange.xAxis.max, max: axisRange.xAxis.max,
interval: axisRange.xAxis.interval, 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: { yAxis: {
name: '进尺', name: '进尺',
type: 'value', type: 'value',
min: axisRange.yAxis.min, min: axisRange.yAxis.min,
interval: axisRange.yAxis.interval interval: axisRange.yAxis.interval,
nameLocation: 'center',
nameGap: 40,
axisTick: { show: true },
axisLine: { show: true }
}, },
series: [ series: [
{ {
...@@ -166,14 +181,43 @@ export default { ...@@ -166,14 +181,43 @@ export default {
emphasis: { showSymbol: false }, emphasis: { showSymbol: false },
lineStyle: { color: 'red', width: 2 } 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, ...crosshairLines,
...crosshairCenter, ...crosshairCenter,
...drillTypes.map(type => ({ ...drillTypes.map(type => ({
name: type, name: type,
type: 'scatter', type: 'scatter',
data: scatter.filter(item => item[2] === type), data: scatter.filter(item => item[2] === type),
symbolSize: 10, symbolSize: 12,
itemStyle: { color: 'blue' } 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 { ...@@ -202,7 +246,7 @@ export default {
.drilling-chart-container { .drilling-chart-container {
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: 20px; /* padding: 20px; */
box-sizing: border-box; box-sizing: border-box;
} }
......
src/views/efficiencyAnalysis/jcxx/detail.vue
...@@ -12,6 +12,8 @@ ...@@ -12,6 +12,8 @@
<el-tab-pane label="直方图形" name="histogramGraph"> <el-tab-pane label="直方图形" name="histogramGraph">
<HistogramGraph :jh="queryParams.jh" /> <HistogramGraph :jh="queryParams.jh" />
<!-- <HistogramGraph :jh="wellId" theme="elegant" />
<HistogramGraph :jh="wellId" theme="vibrant" /> -->
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="测井数据" name="loggingData"> <el-tab-pane label="测井数据" name="loggingData">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment