fix: 1、修复detection顶部柱状图无数据的地方鼠标移上去会显示上一个或下一个柱子的数据;2、x轴显示的时间并非时间选择器的起始时间。

This commit is contained in:
刘洪洪
2023-12-28 17:27:02 +08:00
parent ec0b3b28d4
commit 2e113df17b

View File

@@ -325,6 +325,21 @@ export default {
const chartDom = document.getElementById(`eventSeverityTrendBar${this.pageType}`)
const eventSeverityTrendOption = this.$_.cloneDeep(multipleBarOption)
const key = changeI18nOfSeverity(data[0].severity)
const len = dataMap.get(key).length
// 将时间转为毫秒并分为100个间隔值如有100条数据则不分割如48不满100按52分割保证有数据的时间点不受无数据时间点影响
const diffTime = ((params.endTime - params.startTime) * 1000) / (len > 100 ? 100 : (100 - len))
const timeList = []
for (let i = (params.startTime * 1000); i < (params.endTime * 1000);) {
i = i + diffTime
timeList.push([parseInt(i.toFixed(0)), 0])
}
// 将100个时间间隔与柱状图数据合并并排序
dataMap.forEach(function (value, index) {
value = value.concat(timeList)
value.sort((a, b) => a[0] - b[0])
dataMap.set(index, value)
})
const xData = []
dataMap.forEach(function (value) {
// eventSeverityTrendOption.series[Number(getSeriesIndex(key))].data = value.map(v => Number(v[1]))