98 lines
2.0 KiB
JavaScript
98 lines
2.0 KiB
JavaScript
import echarts from 'echarts/lib/echarts';
|
|
import { GetInterval } from '../../../../../utils/tools'
|
|
|
|
export default function drpOption({data}) {
|
|
const maxVal = Math.ceil(Math.max(...data.map(obj => obj.q)))
|
|
const minVal = Math.floor(Math.min(...data.map(obj => obj.q)))
|
|
const maxValX = Math.max(...data.map(obj => obj.z))
|
|
const minValX = Math.min(...data.map(obj => obj.z))
|
|
|
|
|
|
|
|
let arr =[]
|
|
data.forEach(item=>{
|
|
console.log(data);
|
|
arr.push([item.q,item.z])
|
|
})
|
|
// console.log(GetInterval(minValX,maxValX),'jhsdjkashdjkahjk');
|
|
return {
|
|
toolbox: {
|
|
show: true,
|
|
feature: {
|
|
saveAsImage: {
|
|
show: true,
|
|
excludeComponents: ['toolbox'],
|
|
pixelRatio: 2,
|
|
name:"泄流曲线图"
|
|
}
|
|
},
|
|
right: "14%",
|
|
top:"5%"
|
|
},
|
|
title: {
|
|
text: "泄流曲线图",
|
|
left: "40%",
|
|
},
|
|
tooltip: {
|
|
trigger: 'axis',
|
|
},
|
|
grid: [
|
|
{
|
|
top: "10%",
|
|
left: "15%",
|
|
right: "15%",
|
|
bottom: "8%"
|
|
},
|
|
],
|
|
xAxis: [
|
|
{
|
|
name: "流量(m³/s)",
|
|
nameGap: 5,
|
|
type: 'value',
|
|
min:Math.floor(minValX / 5) *5,
|
|
max:Math.ceil(maxValX / 5) *5,
|
|
interval:GetInterval(minValX,maxValX),
|
|
data: data.map(o => o.z),
|
|
splitLine: {
|
|
show: false
|
|
},
|
|
}
|
|
],
|
|
yAxis: [
|
|
{
|
|
type: 'value',
|
|
name: "库水位(m)",
|
|
minInterval:1,
|
|
splitLine: {
|
|
show: true,
|
|
lineStyle: {
|
|
color: '#07a6ff',
|
|
width: 0.25,
|
|
type: 'dotted'
|
|
}
|
|
},
|
|
axisLabel: {
|
|
color: '#333',
|
|
fontSize: 12,
|
|
},
|
|
axisLine: {
|
|
show: false
|
|
},
|
|
axisTick: {
|
|
show: false,
|
|
},
|
|
min: minVal,
|
|
max: maxVal
|
|
}
|
|
],
|
|
series: [
|
|
{
|
|
type: 'line',
|
|
color: "#007AFD",
|
|
data: arr,
|
|
smooth: true
|
|
},
|
|
]
|
|
};
|
|
}
|