gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix：修改 chart-group 默认折叠 打开后 图表x轴刻度不对的问题

Browse Source
This commit is contained in:
zhangyu
2021-10-19 11:37:09 +08:00
parent 0d6ca0015a
commit 15f8ab4a40
1 changed files with 31 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
nezha-fronted/src/components/charts/line-chart-block.vue
View File

@@ -1985,6 +1985,37 @@ export default {
if (getChart(this.chartIndex)) {
const divHeight = this.$refs.legendArea.offsetHeight
getChart(this.chartIndex).resize({ height: (this.data.height * this.stepWidth - divHeight - chartResizeTool.titleHeight - chartResizeTool.chartBlankHeight) })
let minInterval = ''
let splitNumber = ''
if (this.fromTopo) {
const panelTime = localStorage.getItem('panelTime') ? JSON.parse(localStorage.getItem('panelTime')) : ['', '']
if (panelTime[0]) {
const numInterval = new Date(panelTime[1]).getTime() - new Date(panelTime[0]).getTime()
if (numInterval >= 60 * 60 * 1000) {
minInterval = 20 * 60 * 1000
} else if (numInterval >= 30 * 60 * 1000 && numInterval < 60 * 60 * 1000) {
minInterval = 10 * 60 * 1000
} else if (numInterval >= 15 * 60 * 1000 && numInterval < 30 * 60 * 1000) {
minInterval = 5 * 60 * 1000
} else if (numInterval >= 5 * 60 * 1000 && numInterval < 15 * 60 * 1000) {
minInterval = 1 * 60 * 1000
} else {
minInterval = 15 * 1000
}
} else {
minInterval = 20 * 60 * 1000
}
getChart(this.chartIndex).setOption({ xAxis: { minInterval: minInterval } })
} else {
if (this.$refs.resizeBox.offsetWidth < 200) {
splitNumber = 1
} else if (this.$refs.resizeBox.offsetWidth < 300) {
splitNumber = 3
} else if (this.$refs.resizeBox.offsetWidth < 500) {
splitNumber = 5
}
getChart(this.chartIndex).setOption({ xAxis: { splitNumber: splitNumber } })
}
}
}
},