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

fix : 饼图D3 样式更改

Browse Source
This commit is contained in:
likexuan
2022-08-01 17:54:55 +08:00
parent 8d84ba6e54
commit d432b671a9
1 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
nezha-fronted/src/components/chart/chart/chartPieD3.vue
View File

@@ -230,6 +230,9 @@ export default {
if (Math.ceil(this.outerRadius / 8) < 30) { if (Math.ceil(this.outerRadius / 8) < 30) {
height = Math.ceil(this.outerRadius / 8) * 3 height = Math.ceil(this.outerRadius / 8) * 3
} }
if ((d.endAngle - d.startAngle) > 5) {
height += this.outerRadius
}
return y - height / 2 return y - height / 2
}) })
.attr('x', d => { // y轴居中减文字大小的一半 .attr('x', d => { // y轴居中减文字大小的一半
@@ -240,9 +243,9 @@ export default {
width = 0 width = 0
} else { } else {
if ((d.endAngle - d.startAngle) > 5) { if ((d.endAngle - d.startAngle) > 5) {
width = this.outerRadius width = this.outerRadius * 2
} }
width = this.outerRadius * (d.endAngle - d.startAngle) / 5 width = this.outerRadius * (d.endAngle - d.startAngle) / 3.14
width = width > this.outerRadius / 3 ? width : this.outerRadius / 3 width = width > this.outerRadius / 3 ? width : this.outerRadius / 3
} }
return x - width / 2 return x - width / 2
@@ -258,13 +261,13 @@ export default {
if ((d.endAngle - d.startAngle) < 0.25) { if ((d.endAngle - d.startAngle) < 0.25) {
return 0 return 0
} else { } else {
if ((d.endAngle - d.startAngle) > 3.14) { if ((d.endAngle - d.startAngle) > 5) {
return this.outerRadius return this.outerRadius * 2
} }
let width = 0 let width = 0
showAngle += d.endAngle - d.startAngle showAngle += d.endAngle - d.startAngle
if (showAngle > 0.5) { if (showAngle > 0.75) {
width = this.outerRadius * (d.endAngle - d.startAngle) / 5 width = this.outerRadius * (d.endAngle - d.startAngle) / 3.14
width = width > this.outerRadius / 3 ? width : this.outerRadius / 3 width = width > this.outerRadius / 3 ? width : this.outerRadius / 3
showAngle = 0 showAngle = 0
} else { } else {
@@ -467,5 +470,5 @@ export default {
</script> </script>
<style scoped> <style scoped>
</style>>
</style> </style>