152 lines
3.7 KiB
JavaScript
152 lines
3.7 KiB
JavaScript
import "echarts/extension/bmap/bmap"
|
|
|
|
|
|
export default function drpOption (data) {
|
|
console.log('data', data)
|
|
const maxSt = Math.ceil(Math.max(...data.map(obj => {
|
|
return obj?.ecologyV ? obj?.ecologyV:0
|
|
})))
|
|
const minSt = Math.floor(Math.min(...data.map(obj => {
|
|
return obj?.ecologyV? obj?.ecologyV :300
|
|
})))
|
|
const maxSh = Math.ceil(Math.max(...data.map(obj => {
|
|
return obj?.lifeV ? obj?.lifeV:0
|
|
})))
|
|
const minSh = Math.floor(Math.min(...data.map(obj => {
|
|
return obj?.lifeV? obj?.lifeV :300
|
|
})))
|
|
const minY = Math.min(minSt, minSh);
|
|
const maxY = Math.min(maxSt, maxSh);
|
|
|
|
return {
|
|
toolbox: {
|
|
show: true,
|
|
feature: {
|
|
saveAsImage: {
|
|
show: true,
|
|
excludeComponents: ['toolbox'],
|
|
pixelRatio: 2,
|
|
name:"供水"
|
|
}
|
|
},
|
|
right: "14%",
|
|
top:"5%"
|
|
},
|
|
tooltip: {
|
|
trigger: 'axis'
|
|
},
|
|
grid: [
|
|
{
|
|
top: '18%',
|
|
left: '10%',
|
|
right: '12%',
|
|
bottom:"12%"
|
|
// width: '80%',
|
|
// height: '35%'
|
|
},
|
|
],
|
|
legend: {
|
|
// 显示图例
|
|
show: true,
|
|
},
|
|
xAxis: [
|
|
{
|
|
type: 'category',
|
|
data: data.map(o => o.tm),
|
|
splitLine: {
|
|
show: false
|
|
},
|
|
axisLabel: {
|
|
color: '#333',
|
|
fontSize: 12,
|
|
// formatter:function(val)
|
|
// {
|
|
// let value = val.substr('2020-'.length, 11)
|
|
// var ret = "";//拼接加\n返回的类目项
|
|
// var maxLength = 6;//每项显示文字个数
|
|
// var valLength = value.length;//X轴类目项的文字个数
|
|
// var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
|
|
// if (rowN > 1)//如果类目项的文字大于5,
|
|
// {
|
|
// for (var i = 0; i < rowN; i++) {
|
|
// var temp = "";//每次截取的字符串
|
|
// var start = i * maxLength;//开始截取的位置
|
|
// var end = start + maxLength;//结束截取的位置
|
|
// //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧
|
|
// temp = value.substring(start, end) + "\n";
|
|
// ret += temp; //凭借最终的字符串
|
|
// }
|
|
// return ret;
|
|
// }
|
|
// else {
|
|
// return value;
|
|
// }
|
|
// }
|
|
|
|
},
|
|
axisLine: {
|
|
lineStyle: {
|
|
color: '#07a6ff',
|
|
width: 0.5
|
|
}
|
|
},
|
|
axisTick: {
|
|
show: false
|
|
}
|
|
}
|
|
],
|
|
yAxis: [
|
|
{
|
|
type: 'value',
|
|
// gridIndex:0,
|
|
position: 'left',
|
|
// name: '水位(m)',
|
|
splitLine: {
|
|
show: true,
|
|
lineStyle: {
|
|
color: '#07a6ff',
|
|
width: 0.25,
|
|
type: 'dotted'
|
|
}
|
|
},
|
|
axisLabel: {
|
|
color: '#333',
|
|
fontSize: 12
|
|
},
|
|
axisLine: {
|
|
show: false
|
|
},
|
|
axisTick: {
|
|
show: false
|
|
},
|
|
min: minY,
|
|
max: maxY
|
|
},
|
|
],
|
|
series: [
|
|
{
|
|
name: '灌溉用水',
|
|
type: 'line',
|
|
symbol: 'none',
|
|
smooth: true,
|
|
color: '#1283e3',
|
|
label: {
|
|
show: false
|
|
},
|
|
data: data.map(o => o.ecologyV)
|
|
},
|
|
{
|
|
name: '水厂取水',
|
|
type: 'line',
|
|
smooth: true,
|
|
color: '#36e9e9',
|
|
symbol: 'none',
|
|
data: data.map(o =>o.lifeV)
|
|
}
|
|
]
|
|
}
|
|
}
|
|
|
|
|
|
|