Browse Source

add ExtApiCurve responent processer

master
zhaohe 8 months ago
parent
commit
5caefa72b6
  1. 33
      src/components/ServiceConfigurationActionLog.vue

33
src/components/ServiceConfigurationActionLog.vue

@ -85,7 +85,7 @@ async function handleLogChange() {
slient: true, slient: true,
symbol: 'none', symbol: 'none',
data: refCurve, data: refCurve,
label:{show:false},
label: { show: true },
lineStyle: { normal: { type: 'solid' } } lineStyle: { normal: { type: 'solid' } }
}, },
}] }]
@ -95,5 +95,36 @@ async function handleLogChange() {
var url = process.env.NODE_ENV === 'production' ? `${props.log.response.url}` : `http://localhost:80${props.log.response.url}`; var url = process.env.NODE_ENV === 'production' ? `${props.log.response.url}` : `http://localhost:80${props.log.response.url}`;
window.open(url); window.open(url);
} }
else if ('ExtApiCurve' === props.log.response.$dataType) {
let response = props.log.response;
chartEnable.value = true;
let curve = response.data;
let markLine = response.markLine || [];
markLine = markLine.map(v => ({ xAxis: v }));
await nextTick();
chart = echarts.init(chartContainer.value);
chart.setOption({
xAxis: { type: response.xtype, axisLabel: { show: true } },
yAxis: { type: response.ytype, axisLabel: { show: true }, min: response.minY, max: response.maxY },
grid: { left: '3%', right: '4%', bottom: '3%', top: '3%', containLabel: true },
dataZoom: [{ type: 'inside' }, { type: 'inside', orient: 'vertical' }],
tooltip: { trigger: 'axis' },
series: [{
name: response.name,
type: 'line',
data: curve,
itemStyle: { normal: { lineStyle: { width: 1 }, color: '#4d90ff' } },
showSymbol: false,
markLine: {
slient: true,
symbol: 'none',
data: markLine,
label: { show: true },
lineStyle: { normal: { type: 'solid' } }
},
}]
});
}
} }
</script> </script>
Loading…
Cancel
Save