80 lines
1.6 KiB
JavaScript
80 lines
1.6 KiB
JavaScript
import {GetInterval} from "../../../../utils/tools"
|
|
export default function DrpOption(data) {
|
|
const maxVal = Math.ceil(Math.max(...data.map(obj => obj.rz)))
|
|
const minVal = Math.floor(Math.min(...data.map(obj => obj.rz)))
|
|
const maxValX = Math.max(...data.map(obj => obj.w))
|
|
const minValX = Math.min(...data.map(obj => obj.w))
|
|
let arr = []
|
|
|
|
data.forEach(item=>{
|
|
arr.push([item.w,item.rz])
|
|
})
|
|
let eopts = {
|
|
tooltip: {
|
|
trigger: 'axis',
|
|
},
|
|
grid: [
|
|
{
|
|
top: "12%",
|
|
left: "12%",
|
|
right: "18%",
|
|
bottom: "8%"
|
|
},
|
|
],
|
|
xAxis: [
|
|
{
|
|
name: "库容(万m³)",
|
|
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.w),
|
|
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: true
|
|
},
|
|
axisTick: {
|
|
show: true,
|
|
},
|
|
min: minVal,
|
|
max: maxVal
|
|
}
|
|
],
|
|
};
|
|
let chartData = {
|
|
series: [
|
|
{
|
|
type: 'line',
|
|
color: "#007AFD",
|
|
data: arr,
|
|
smooth: true
|
|
},
|
|
]
|
|
};
|
|
return {
|
|
eopts,
|
|
chartData
|
|
}
|
|
} |