You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by GitBox <gi...@apache.org> on 2022/04/20 03:55:48 UTC
[GitHub] [echarts] Oracimaru opened a new issue, #16917: [Bug] 饼图百分比过小折叠下一个圆弧百分比展示问题
Oracimaru opened a new issue, #16917:
URL: https://github.com/apache/echarts/issues/16917
### Version
5.3.2
### Link to Minimal Reproduction
_No response_
### Steps to Reproduce
如下所示
### Current Behavior
<img width="96" alt="微信图片_20220420115327" src="https://user-images.githubusercontent.com/13652680/164147079-76f9bd9a-37ca-434c-a9b6-2fd43f82c17c.png">
<img width="70" alt="微信图片_20220420115333" src="https://user-images.githubusercontent.com/13652680/164147083-e29efd9a-48cb-4ae9-b6e9-8097b94946ec.png">
)
如图所示,当6%展示超出其弧度范围时,8%被遮挡,需要手动点击才能显示.
目前只能调小字号,但如果有2%的异常数据时,字号要很小.
### Expected Behavior
如上图
### Environment
```markdown
- OS:
- Browser:
- Framework:
```
### Any additional comments?
_No response_
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] echarts-bot[bot] commented on issue #16917: [Bug] 饼图百分比过小折叠下一个圆弧百分比展示问题
Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #16917:
URL: https://github.com/apache/echarts/issues/16917#issuecomment-1103445040
@Oracimaru It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗
<details><summary><b>TRANSLATED</b></summary><br>
**TITLE**
[Bug] Pie chart percentage too small to collapse the next arc percentage shows the problem
**BODY**
### Version
5.3.2
### Link to Minimal Reproduction
_No response_
### Steps to Reproduce
As follows
### Current Behavior
<img width="96" alt="WeChat image_20220420115327" src="https://user-images.githubusercontent.com/13652680/164147079-76f9bd9a-37ca-434c-a9b6-2fd43f82c17c.png">
<img width="70" alt="WeChat image_20220420115333" src="https://user-images.githubusercontent.com/13652680/164147083-e29efd9a-48cb-4ae9-b6e9-8097b94946ec.png">
)
As shown in the figure, when 6% of the display exceeds its arc range, 8% is blocked and needs to be manually clicked to display.
Currently only small font size can be adjusted, but if there is 2% abnormal data, the font size should be very small.
### Expected Behavior
As shown above
### Environment
````markdown
- OS:
- Browser:
- Framework:
````
### Any additional comments?
_No response_
</details>
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] Oracimaru commented on issue #16917: [Bug] 饼图百分比过小折叠下一个圆弧百分比展示问题
Posted by GitBox <gi...@apache.org>.
Oracimaru commented on issue #16917:
URL: https://github.com/apache/echarts/issues/16917#issuecomment-1103591048
> https://echarts.apache.org/zh/option.html#series-pie.labelLayout.hideOverlap 这个也设为 false
这个参数起作用,非常感谢
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] Ovilia commented on issue #16917: [Bug] 饼图百分比过小折叠下一个圆弧百分比展示问题
Posted by GitBox <gi...@apache.org>.
Ovilia commented on issue #16917:
URL: https://github.com/apache/echarts/issues/16917#issuecomment-1103580935
https://echarts.apache.org/zh/option.html#series-pie.labelLayout.hideOverlap 这个也设为 false
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] Oracimaru commented on issue #16917: [Bug] 饼图百分比过小折叠下一个圆弧百分比展示问题
Posted by GitBox <gi...@apache.org>.
Oracimaru commented on issue #16917:
URL: https://github.com/apache/echarts/issues/16917#issuecomment-1103455436
let option = {
title: {
text: '',
left: 'center',
top: 'center'
},
series: [{
type: 'pie',
color: ['#FEC441', '#58C087', '#FF7D00', '#0197FF','#800000'],//'#65E6F1'
// silent:true,
clickable: false,
avoidLabelOverlap: true, //是否启用防止标签重叠策略
hoverAnimation: false,
minAngle: 20,
itemStyle: {
normal: {
label: {
show: true,
position: 'inner',
// formatter: '{d}%',
formatter: function (obj) {
console.log('obj===',obj)
return obj.percent.toFixed(0) + '%'
},
distance: 100, //这项是标识距离中心点的距离
color:'#000',
padding:[0,-5,0,0],
textStyle: {
align: 'center',
baseline: 'middle',
fontSize: 12,
fontWeight: 800
}
},
labelLine:{
show : false,
}
}
},
data: [
{
value: this.getPercent('A'),//10,
name: 'A'
},
{
value: this.getPercent('B'),//15,
name: 'B'
},
{
value: this.getPercent('C'),//20,
name: 'C'
},
{
value:this.getPercent('D'),// 40,
name: 'D'
},
{
value: this.getPercent('E'),//15,
name: 'E'
},
],
radius: ['15%', '32%']
},
]
};
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] Oracimaru commented on issue #16917: [Bug] 饼图百分比过小折叠下一个圆弧百分比展示问题
Posted by GitBox <gi...@apache.org>.
Oracimaru commented on issue #16917:
URL: https://github.com/apache/echarts/issues/16917#issuecomment-1103578110
> https://echarts.apache.org/zh/option.html#series-pie.avoidLabelOverlap 设为 false 试一下
试了,也不行.目前我只能缩小字号去掉小数,设置最小minAngle保证不溢出了.
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] Ovilia commented on issue #16917: [Bug] 饼图百分比过小折叠下一个圆弧百分比展示问题
Posted by GitBox <gi...@apache.org>.
Ovilia commented on issue #16917:
URL: https://github.com/apache/echarts/issues/16917#issuecomment-1103568217
https://echarts.apache.org/zh/option.html#series-pie.avoidLabelOverlap 设为 false 试一下
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] Oracimaru closed issue #16917: [Bug] 饼图百分比过小折叠下一个圆弧百分比展示问题
Posted by GitBox <gi...@apache.org>.
Oracimaru closed issue #16917: [Bug] 饼图百分比过小折叠下一个圆弧百分比展示问题
URL: https://github.com/apache/echarts/issues/16917
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org