Skip to content

Z
ZiBoYingJI
Commit 3e68ea57 authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

内页详情 bug修改

parent 33ccb761
Show whitespace changes
Inline Side-by-side
Showing with 70 additions and 16 deletions
public/datav/detail/humidity-monitor.html
View file @ 3e68ea57
...@@ -224,7 +224,13 @@ ...@@ -224,7 +224,13 @@
lineStyle: { lineStyle: {
color: 'red', // 警戒线颜色 color: 'red', // 警戒线颜色
type: 'solid' // 警戒线样式 type: 'solid' // 警戒线样式
} },
label:{
color:'#ef0b0b',
fontSize:10,
formatter:(e)=>{return '警戒值: ' + e.value} //这里可以显示警戒线的值 也可使用字符串拼接，实现自己的值
},
symbol: 'none' // 移除箭头
} }
} }
var chartsOption = { var chartsOption = {
......
public/datav/detail/shape-monitor.html
View file @ 3e68ea57
...@@ -280,7 +280,7 @@ ...@@ -280,7 +280,7 @@
position: 'top' position: 'top'
}, },
markLine: { markLine: {
silent: true, //silent: true,
data: [ data: [
{ name: '最高值', yAxis: 400 }, { name: '最高值', yAxis: 400 },
{ name: '最低值', yAxis: -50 } { name: '最低值', yAxis: -50 }
...@@ -288,7 +288,8 @@ ...@@ -288,7 +288,8 @@
lineStyle: { lineStyle: {
color: 'red', // 警戒线颜色 color: 'red', // 警戒线颜色
type: 'solid' // 警戒线样式 type: 'solid' // 警戒线样式
} },
symbol: 'none' // 移除箭头
} }
} }
var chartsOption = { var chartsOption = {
...@@ -397,6 +398,7 @@ ...@@ -397,6 +398,7 @@
var tempObj = JSON.parse(JSON.stringify(yAxisOption)); var tempObj = JSON.parse(JSON.stringify(yAxisOption));
tempObj.data = item.data tempObj.data = item.data
tempObj.name = item.name tempObj.name = item.name
tempObj.markLine.data = item.alarm tempObj.markLine.data = item.alarm
return tempObj return tempObj
}) })
......
public/datav/detail/static/js/public-detail.js
View file @ 3e68ea57
...@@ -121,19 +121,19 @@ var menuObj = { ...@@ -121,19 +121,19 @@ var menuObj = {
name: '视频监控', name: '视频监控',
url: '/datav/detail/video-monitor.html' url: '/datav/detail/video-monitor.html'
},{ },{
name: '变形监控', name: '变形监测',
url: '/datav/detail/shape-monitor.html' url: '/datav/detail/shape-monitor.html'
},{ },{
name: '温度监控', name: '温度监测',
url: '/datav/detail/temperature-monitor.html' url: '/datav/detail/temperature-monitor.html'
},{ },{
name: '湿度监控', name: '湿度监测',
url: '/datav/detail/humidity-monitor.html' url: '/datav/detail/humidity-monitor.html'
},{ },{
name: '风速监控', name: '风速监测',
url: '/datav/detail/wind-monitor.html' url: '/datav/detail/wind-monitor.html'
},{ },{
name: '降水监控', name: '降水监测',
url: '/datav/detail/water-monitor.html' url: '/datav/detail/water-monitor.html'
},{ },{
name: '人员定位', name: '人员定位',
...@@ -191,7 +191,7 @@ var menuObj = { ...@@ -191,7 +191,7 @@ var menuObj = {
name: '温度监测', name: '温度监测',
url: '/datav/detail/humidity-monitor.html' url: '/datav/detail/humidity-monitor.html'
},{ },{
name: '湿度监控', name: '湿度监测',
url: '/datav/detail/wind-monitor.html' url: '/datav/detail/wind-monitor.html'
},{ },{
name: '风速监测', name: '风速监测',
......
public/datav/detail/temperature-monitor.html
View file @ 3e68ea57
...@@ -215,7 +215,16 @@ ...@@ -215,7 +215,16 @@
lineStyle: { lineStyle: {
color: 'red', // 警戒线颜色 color: 'red', // 警戒线颜色
type: 'solid' // 警戒线样式 type: 'solid' // 警戒线样式
} },
label:{
color:'#ef0b0b',
fontSize:10,
position: 'middle',
//formatter: 'sdfsdf' //这里可以显示警戒线的值 也可使用字符串拼接，实现自己的值
formatter: (params) => {return ('警戒值: ' + params.name +'2222');} //这里可以显示警戒线的值 也可使用字符串拼接，实现自己的值
},
symbol: 'none' // 移除箭头
} }
} }
var chartsOption = { var chartsOption = {
...@@ -239,11 +248,48 @@ ...@@ -239,11 +248,48 @@
axisLine: { lineStyle: { color: '#a3e4f5' } }, axisLine: { lineStyle: { color: '#a3e4f5' } },
axisTick: { show: false } axisTick: { show: false }
}, },
yAxis: { yAxis: [{
name: 'Precipitation', 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 }, 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 }, grid: { right: 45, top: 10, left: 40, bottom: 25 },
dataZoom: [ dataZoom: [
{ {
......
public/datav/detail/water-monitor.html
View file @ 3e68ea57
...@@ -236,7 +236,6 @@ ...@@ -236,7 +236,6 @@
} }
var chartsOption = { var chartsOption = {
legend: { legend: {
data: ['Precipitation', 'Temperature'],
textStyle: { textStyle: {
color: '#fff', // 设置字体颜色 color: '#fff', // 设置字体颜色
fontSize: 14 // 设置字体大小 fontSize: 14 // 设置字体大小
......
public/datav/detail/wind-monitor.html
View file @ 3e68ea57
...@@ -217,7 +217,8 @@ ...@@ -217,7 +217,8 @@
color: 'red', // 警戒线颜色 color: 'red', // 警戒线颜色
type: 'solid' // 警戒线样式 type: 'solid' // 警戒线样式
} }
} },
symbol: 'none' // 移除箭头
} }
var chartsOption = { var chartsOption = {
legend: { 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