diff --git a/hx-ai-intelligent/src/view/alarmManagement/alarmOverview/index.vue b/hx-ai-intelligent/src/view/alarmManagement/alarmOverview/index.vue
index b8d49b7..82e4ee1 100644
--- a/hx-ai-intelligent/src/view/alarmManagement/alarmOverview/index.vue
+++ b/hx-ai-intelligent/src/view/alarmManagement/alarmOverview/index.vue
@@ -100,7 +100,7 @@
( 近30天 )
-
+
@@ -173,24 +173,12 @@
}
chartInstance = echarts.init(graphChart.value);
const option = {
- title: {
- show: false,
- text: '告警趋势/ 近30天',
- textStyle: {
- fontSize: 16,
- fontWeight: 'normal',
- color: '#aaaaaa',
- },
- left: '1%',
- top: '2%',
- },
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow',
},
formatter: function (params: any) {
- console.log(params, '错误');
if (params.length > 0) {
let res = params[0].axisValue + '
';
params.forEach((item: any) => {
@@ -212,7 +200,7 @@
legend: [
{
top: 5,
- left: 'right', // 将图例居中显示
+ left: 'center', // 将图例居中显示
textStyle: {
color: 'rgb(89, 89, 89)',
fontSize: 14,
@@ -483,13 +471,13 @@
legend: {
// 设置图例靠右,上下居中,垂直排列
right: 50,
- top: 'center',
+ top: 'bottom',
orient: 'vertical',
// 图例图标设置为圆形
// icon: 'circle',
itemWidth: 16,
itemHeight: 16,
- itemGap: 30,
+ itemGap: 20,
textStyle: {
fontSize: 14,
},
@@ -598,11 +586,11 @@
legend: {
// 设置图例靠右,上下居中,垂直排列
right: 50,
- top: 'center',
+ top: 'bottom',
orient: 'vertical',
itemWidth: 16,
itemHeight: 16,
- itemGap: 30,
+ itemGap: 20,
textStyle: {
fontSize: 14,
},
@@ -788,13 +776,13 @@
padding: 12px;
.box-bottom-top {
width: 100%;
- height: 40px;
- padding: 0px 12px;
+ height: 30px;
+ padding: 0px 6px;
display: flex;
position: relative;
.box-bottom-top-title {
width: auto;
- height: 40px;
+ height: 30px;
display: flex;
position: absolute;
left: 62px;
@@ -802,11 +790,11 @@
}
.box-bottom-top-unit {
width: auto;
- height: 40px;
+ height: 30px;
display: flex;
position: absolute;
left: 148px;
- top: 13px;
+ top: 16px;
color: rgba(102, 102, 102, 1);
font-size: 12px;
}