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

fix： 修改 chart-list-group里面的图表 resize时的问题

Browse Source
This commit is contained in:
zhangyu
2021-08-24 17:22:09 +08:00
parent 8c21e51c89
commit d54d2abe03
3 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
nezha-fronted/src/components/charts/chart-list-group.vue
View File

@@ -1414,11 +1414,12 @@ export default {
// 设置图表的尺寸 // 设置图表的尺寸
setChartSize (item, index) { setChartSize (item, index) {
console.log(item)
this.$nextTick(() => { this.$nextTick(() => {
const chartBox = document.getElementById('chart-' + item.id) const chartBox = document.getElementById('chart-' + item.id)
if (chartBox) { if (chartBox) {
chartBox.style.width = `${(item.span / 12) * 100}%` chartBox.style.width = `${(item.span / 12) * 100}%`
chartBox.style.height = `${document.getElementById('listContainer').offsetWidth / 12 * item.height}px` chartBox.style.height = `${document.getElementById('listContainer' + item.groupId).offsetWidth / 12 * item.height}px`
} }
}) })
}, },

3
nezha-fronted/src/components/common/js/tools.js
View File

@@ -399,8 +399,9 @@ export const chartResizeTool = {
const chartBlankWidth = this.chartBlankWidth const chartBlankWidth = this.chartBlankWidth
const chartBlankHeight = this.chartBlankHeight const chartBlankHeight = this.chartBlankHeight
const titleHeight = this.titleHeight const titleHeight = this.titleHeight
const containerWidth = data.groupId ? document.getElementById('listContainer' + data.groupId).offsetWidth - 20 : document.getElementById('listContainer').offsetWidth const containerWidth = data.groupId ? document.getElementById('listContainer' + data.groupId).offsetWidth + 40 : document.getElementById('listContainer').offsetWidth
const step = this.stepWidth(containerWidth) const step = this.stepWidth(containerWidth)
console.log(originalData,containerWidth)
const mouseOriginalX = event.clientX // 鼠标初始坐标 const mouseOriginalX = event.clientX // 鼠标初始坐标
const mouseOriginalY = event.clientY const mouseOriginalY = event.clientY
const originalWidth = step * data.span // 图表、阴影初始宽高 const originalWidth = step * data.span // 图表、阴影初始宽高

1
nezha-fronted/src/components/common/table/settings/endpointTable.vue
View File

@@ -388,6 +388,7 @@ export default {
.endpoint-cell-left{ .endpoint-cell-left{
/*display: inline-block;*/ /*display: inline-block;*/
/*width: 70px;*/ /*width: 70px;*/
margin-right: 5px;
} }
</style> </style>
<style> <style>