日志记录:修改图表显示问题

故障录波:修改图表显示问题
This commit is contained in:
高云鹏 2024-11-19 11:04:15 +08:00
parent ee7d741790
commit 7e626e8349
2 changed files with 14 additions and 21 deletions

View File

@ -360,7 +360,7 @@ const setAirBlowerConfig = () => {
}) })
.then(() => { .then(() => {
nextTick(() => { nextTick(() => {
treeRef.value?.setCurrentKey(curTreeData.value.id,false) treeRef.value?.setCurrentKey(curTreeData.value.id, false)
curTreeData.value = treeRef.value?.getCurrentNode() curTreeData.value = treeRef.value?.getCurrentNode()
}) })
}) })
@ -457,16 +457,14 @@ const getRandomDarkColor = () => {
let color = `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}` let color = `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`
return color return color
} }
const createSeriresData = () => { const createSeriesData = () => {
const seriesData: any = [] const seriesData: any = []
const curAttr = curSeries.map((item: any) => item.name) const curAttr = curSeries.map((item: any) => item.name)
selectPreviewTree.forEach((item: string, index: number) => {
if (curAttr.includes(item)) {
seriesData.push(curSeries[index])
}
})
selectPreviewTree.forEach((item: string) => { selectPreviewTree.forEach((item: string) => {
if (!curAttr.includes(item)) { if (curAttr.includes(item)) {
const seriesItem = curSeries.find((cur: any) => cur.name === item)
seriesData.push(seriesItem)
} else {
const color = getRandomDarkColor() const color = getRandomDarkColor()
const data = { const data = {
name: item, name: item,
@ -488,7 +486,7 @@ const createSeriresData = () => {
} }
const initPreviewChart = () => { const initPreviewChart = () => {
const chart = previewChartInstance ?? echarts.init(previewChartRef.value) const chart = previewChartInstance ?? echarts.init(previewChartRef.value)
const series = createSeriresData() const series = createSeriesData()
const option = { const option = {
grid: { grid: {
top: 50, top: 50,

View File

@ -362,7 +362,7 @@ const setAirBlowerConfig = () => {
}) })
.then(() => { .then(() => {
nextTick(() => { nextTick(() => {
treeRef.value?.setCurrentKey(curTreeData.value.id,false) treeRef.value?.setCurrentKey(curTreeData.value.id, false)
curTreeData.value = treeRef.value?.getCurrentNode() curTreeData.value = treeRef.value?.getCurrentNode()
}) })
}) })
@ -439,9 +439,9 @@ const handleCheckChange = (data: any, state: boolean) => {
const index = selectPreviewTree.findIndex((item: string) => item === data.key) const index = selectPreviewTree.findIndex((item: string) => item === data.key)
selectPreviewTree.splice(index, 1) selectPreviewTree.splice(index, 1)
} }
if(selectPreviewTree.length > 0){ if (selectPreviewTree.length > 0) {
initPreviewChart() initPreviewChart()
}else{ } else {
previewChartInstance && previewChartInstance.clear() previewChartInstance && previewChartInstance.clear()
} }
} }
@ -467,16 +467,12 @@ const getRandomDarkColor = () => {
} }
const createSeriresData = () => { const createSeriresData = () => {
const seriesData: any = [] const seriesData: any = []
console.log(curSeries);
const curAttr = curSeries.map((item: any) => item.name) const curAttr = curSeries.map((item: any) => item.name)
selectPreviewTree.forEach((item: string, index: number) => {
if (curAttr.includes(item)) {
seriesData.push(curSeries[index])
}
})
selectPreviewTree.forEach((item: string) => { selectPreviewTree.forEach((item: string) => {
if (!curAttr.includes(item)) { if (curAttr.includes(item)) {
const seriesItem = curSeries.find((cur: any) => cur.name === item)
seriesData.push(seriesItem)
} else {
const color = getRandomDarkColor() const color = getRandomDarkColor()
const data = { const data = {
name: item, name: item,
@ -628,7 +624,6 @@ onMounted(() => {
treeRef.value && treeRef.value.setCurrentKey(data.id, true) treeRef.value && treeRef.value.setCurrentKey(data.id, true)
curTreeData.value = data curTreeData.value = data
getListForAirBlower() getListForAirBlower()
}) })
}) })