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

fix：修改饼图单位没生效的问题 ，以及预览页面跟饼图保持一致

Browse Source
This commit is contained in:
zhangyu
2021-02-08 15:12:47 +08:00
parent 66db742ffd
commit c57922992d
2 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
nezha-fronted/src/components/charts/chartPreview.vue
View File

@@ -419,12 +419,16 @@
if(chartItem.type ==='pie'){
pieSeries={
type: 'pie',
radius: ['20%', '100%'],
radius: '100%',
center: ['50%', '50%'],
roseType: 'radius',
top:"20%",
bottom:"20%",
// roseType: 'radius',
minAngle:10,
itemStyle: {
borderRadius: 5
borderRadius: 5,
borderColor: '#fff',
borderWidth: 1
},
label: {
show: false
@@ -1543,15 +1547,16 @@
}
},
pieFormatterFunc:function(params, ticket, callback){
let chartInfo=this.chart;
return `
<div>
<div style="white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis; min-width: 150px; max-width: 600px; line-height: 18px; font-size: 12px;">
<div style="max-width: 500px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;">${this.legend[params.dataIndex].alias}</div>
<div style="display:flex;justify-content: space-between;">
<div style="white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis; min-width: 150px; max-width: 600px; line-height: 18px; font-size: 14px;">
<div style="max-width: 500px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;margin-bottom: 5px">${this.legend[params.dataIndex].alias}</div>
<div style="font-size:12px;display:flex;justify-content: space-between;">
<div>value</div>
<div>${params.value}</div>
<div>${chartDataFormat.getUnit(chartInfo.unit?chartInfo.unit:2).compute(params.value,null,-1,2)}</div>
</div>
<div style="display:flex;justify-content: space-between;">
<div style="font-size:12px;display:flex;justify-content: space-between;">
<div>percent</div>
<div>${params.percent}%</div>
</div>