diff --git a/hx-ai-intelligent/src/view/alarmManagement/alarmOverview/index.vue b/hx-ai-intelligent/src/view/alarmManagement/alarmOverview/index.vue index 593fd48..4e35c9d 100644 --- a/hx-ai-intelligent/src/view/alarmManagement/alarmOverview/index.vue +++ b/hx-ai-intelligent/src/view/alarmManagement/alarmOverview/index.vue @@ -190,28 +190,17 @@ type: 'shadow', }, formatter: function (params: any) { - let res = - params[0].axisValue + - '
' + - params[0].marker + - ' ' + - params[0].seriesName + - ' : ' + - params[0].data + - '
' + - params[1].marker + - ' ' + - params[1].seriesName + - ' : ' + - params[1].data + - '
' + - params[2].marker + - ' ' + - params[2].seriesName + - ' : ' + - params[2].data + - '
'; - return res; + console.log(params, '错误'); + if (params.length > 0) { + let res = params[0].axisValue + '
'; + params.forEach((item: any) => { + if (item.seriesName !== '总数') { + res = res + item.marker + ' ' + item.seriesName + ' : ' + item.data + '
'; + } + }); + return res; + } + return ''; }, }, grid: { @@ -285,14 +274,25 @@ //滑块样式 dataZoom: [ { - type: 'inside', - start: 0, - end: 100, - }, - { type: 'slider', // backgroundColor: 'yellow', - // fillerColor: 'yellow', + fillerColor: new echarts.graphic.LinearGradient( + 0, + 0, + 1, + 0, + [ + { + offset: 0, + color: 'rgba(97, 134, 255, 1)', + }, + { + offset: 1, + color: 'rgba(36, 186, 255, 1)', + }, + ], + false, + ), height: 12, // 设置slider的高度为15 start: 0, end: 100, @@ -304,9 +304,41 @@ handleSize: '140%', // 放大按钮 // borderColor: 'none', handleStyle: { - // color: 'red', - // shadowBlur: 6, - // shadowColor: 'yellow', + color: new echarts.graphic.LinearGradient( + 0, + 0, + 1, + 0, + [ + { + offset: 0, + color: 'rgba(97, 134, 255, 1)', + }, + { + offset: 1, + color: 'rgba(36, 186, 255, 1)', + }, + ], + false, + ), + borderWidth: 4, + borderColor: new echarts.graphic.LinearGradient( + 0, + 0, + 0, + 1, + [ + { + offset: 0, + color: 'rgba(255, 255, 255, 1)', + }, + { + offset: 1, + color: 'rgba(204, 238, 255, 1)', + }, + ], + false, + ), shadowOffsetX: 0, // 阴影偏移x轴多少 shadowOffsetY: 0, // 阴影偏移y轴多少 },