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; }