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

fix：修改问题

Browse Source 
1 legend区域设置最大高度，渲染时首先计算legend区域高度，在根据设置高度计算chart高度
2 chart整体设置高度 个位采用 四舍五入，如设置高度为454，实际渲染高度为 450
This commit is contained in:
hyx
2020-05-12 09:27:38 +08:00
parent 059add3278
commit 8a4cc3e1c7
6 changed files with 133 additions and 480 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
nezha-fronted/src/components/charts/chart-single-stat.vue
View File

@@ -260,6 +260,7 @@ export default {
prev:parseInt(_this.data.prev),
next:parseInt(_this.data.next),
}
targetDiv.style.height = (Math.round((containerHeight+_this.chartSpaceHeight)/10)*10-_this.chartSpaceHeight)+'px';//图表实际渲染高度，采用个位数字四舍五入
_this.$put('panel/'+ _this.panelIdInner+'/charts/modify',modifyParams).then(response => {
if (response.code === 200) {
//更新当前图表数据
@@ -302,7 +303,7 @@ export default {
showLoad(chartItem) {
this.$nextTick(() => {
const chartBox = document.getElementById('chartSingleStatDiv'+this.chartIndex);
let height = chartItem.height;
let height = Math.round(chartItem.height/10)*10;//图表高度四舍五入
if(height<this.minHeight){
height = this.minHeight;
}
@@ -379,7 +380,7 @@ export default {
}else{
this.$nextTick(() => {
const chartBox = document.getElementById('chartSingleStatDiv'+this.chartIndex);
let height = chartItem.height;
let height = Math.round(chartItem.height/10)*10;//图表高度四舍五入
if(height<this.minHeight){
height = this.minHeight;
}