Commit 3e68ea57 authored by xinzhedeai's avatar xinzhedeai

内页详情 bug修改

parent 33ccb761
......@@ -224,7 +224,13 @@
lineStyle: {
color: 'red', // 警戒线颜色
type: 'solid' // 警戒线样式
}
},
label:{
color:'#ef0b0b',
fontSize:10,
formatter:(e)=>{return '警戒值: ' + e.value} //这里可以显示警戒线的值 也可使用字符串拼接,实现自己的值
},
symbol: 'none' // 移除箭头
}
}
var chartsOption = {
......
......@@ -280,7 +280,7 @@
position: 'top'
},
markLine: {
silent: true,
//silent: true,
data: [
{ name: '最高值', yAxis: 400 },
{ name: '最低值', yAxis: -50 }
......@@ -288,7 +288,8 @@
lineStyle: {
color: 'red', // 警戒线颜色
type: 'solid' // 警戒线样式
}
},
symbol: 'none' // 移除箭头
}
}
var chartsOption = {
......@@ -397,6 +398,7 @@
var tempObj = JSON.parse(JSON.stringify(yAxisOption));
tempObj.data = item.data
tempObj.name = item.name
tempObj.markLine.data = item.alarm
return tempObj
})
......
......@@ -121,19 +121,19 @@ var menuObj = {
name: '视频监控',
url: '/datav/detail/video-monitor.html'
},{
name: '变形监',
name: '变形监',
url: '/datav/detail/shape-monitor.html'
},{
name: '温度监',
name: '温度监',
url: '/datav/detail/temperature-monitor.html'
},{
name: '湿度监',
name: '湿度监',
url: '/datav/detail/humidity-monitor.html'
},{
name: '风速监',
name: '风速监',
url: '/datav/detail/wind-monitor.html'
},{
name: '降水监',
name: '降水监',
url: '/datav/detail/water-monitor.html'
},{
name: '人员定位',
......@@ -191,7 +191,7 @@ var menuObj = {
name: '温度监测',
url: '/datav/detail/humidity-monitor.html'
},{
name: '湿度监',
name: '湿度监',
url: '/datav/detail/wind-monitor.html'
},{
name: '风速监测',
......
......@@ -215,7 +215,16 @@
lineStyle: {
color: 'red', // 警戒线颜色
type: 'solid' // 警戒线样式
}
},
label:{
color:'#ef0b0b',
fontSize:10,
position: 'middle',
//formatter: 'sdfsdf' //这里可以显示警戒线的值 也可使用字符串拼接,实现自己的值
formatter: (params) => {return ('警戒值: ' + params.name +'2222');} //这里可以显示警戒线的值 也可使用字符串拼接,实现自己的值
},
symbol: 'none' // 移除箭头
}
}
var chartsOption = {
......@@ -239,11 +248,48 @@
axisLine: { lineStyle: { color: '#a3e4f5' } },
axisTick: { show: false }
},
yAxis: {
name: 'Precipitation',
yAxis: [{
type:'value',
name: '单位(mm)',
position:'right',
show: true, // 显示 Y 轴
splitLine: { show: false },
nameTextStyle: { color: '#fff' },
axisLabel: {
show: true, // 显示刻度标签
textStyle: { color: '#fff' }
},
axisLine: { // 轴线
show: true
},
axisTick: { show: true },
min: 0,
max: 100,
title: {
text: 'Precipitation', // 这是你的 Y 轴标题
color: '#a3e4f5' // 这里设置你的颜色,你可以使用十六进制颜色代码,如 '#FF0000',或者 RGB 等
}
}, {
type:'value',
name: '单位(mm)',
nameTextStyle: { color: '#fff' },
position:'left',
show: true, // 显示 Y 轴
splitLine: { show: false },
axisLabel: { textStyle: { color: '#a3e4f5' } }
axisLabel: {
show: true, // 显示刻度标签
textStyle: {
color: '#fff'
}
},
axisLine: { // 轴线
show: true
},
axisTick: { show: true },
min: 0,
max: 100,
}],
grid: { right: 45, top: 10, left: 40, bottom: 25 },
dataZoom: [
{
......
......@@ -236,7 +236,6 @@
}
var chartsOption = {
legend: {
data: ['Precipitation', 'Temperature'],
textStyle: {
color: '#fff', // 设置字体颜色
fontSize: 14 // 设置字体大小
......
......@@ -217,7 +217,8 @@
color: 'red', // 警戒线颜色
type: 'solid' // 警戒线样式
}
}
},
symbol: 'none' // 移除箭头
}
var chartsOption = {
legend: {
......
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