Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

饼图 label 重叠问题 #187

Closed
Lancezh opened this issue Jan 14, 2014 · 16 comments
Closed

饼图 label 重叠问题 #187

Lancezh opened this issue Jan 14, 2014 · 16 comments

Comments

@Lancezh
Copy link

Lancezh commented Jan 14, 2014

最近在使用中发现,饼图中,如果相邻两块数据比例值较小时,两块的label会重叠在一起,看着很不舒服,如下图
image

如果调整 labelLine 倒是可以简单解决,但由于数据的不确定性,这个算法会比较复杂和难以维护 ,比如
image

HighCharts中,是不会出现这样的问题,咱们是不是也可以做一下类似 文字的碰撞检测,或者弯曲展示等方式 优化一下? 谢谢啦
image

@kener
Copy link
Contributor

kener commented Jan 14, 2014

已知的问题,确实目前我也没想好怎么解决弯曲怪怪的,现阶段的做法就是你说的动态lineLength,弄个方法根据value取反向大小就好,值越大可以越短,因为不会有遮挡,值越小越长,尽量自己走开

kener referenced this issue Jan 23, 2014
不能完全避免文字覆盖,但能大大降低出现覆盖的场景
@kener kener closed this as completed Jan 23, 2014
@wangcc
Copy link

wangcc commented Aug 13, 2014

改为折现之后还是会重叠
qq20140813-1

@kener
Copy link
Contributor

kener commented Sep 28, 2014

fixed

@308787520huanhuan
Copy link

how to resolve this problem?

@kener
Copy link
Contributor

kener commented Jan 14, 2015

Has not been fixed?It should ok in current version.

@308787520huanhuan
Copy link

echarts-2.0.4
22

@kener
Copy link
Contributor

kener commented Jan 14, 2015

upgrade

@308787520huanhuan
Copy link

hello May i ask one question?How to get the percentage in bar?
qq 20150121154532

@kener
Copy link
Contributor

kener commented Jan 21, 2015

Use a function as the label.formatter, do this login in the function. Just calculate the percentage from your own option, it's easy.

@308787520huanhuan
Copy link

你好!为了解决label重叠的问题 按照你的建议 我下载了最新的Echarts版本(2.1.10) 用的是"标签式单文件引入" 设置labelLine : { show : false }报错 而设置labelLine : { show : true }则是正确显示 为什么

?

@308787520huanhuan
Copy link

2

@kener
Copy link
Contributor

kener commented Jan 28, 2015

谢谢反馈,bug!下个版本修复。

@TingYinHelen
Copy link

为啥这个问题在echarts3中还有呢?怎么解决呀
2017-05-26 2 26 39

@ColinCLL
Copy link

This is a big problem that more than two label. So I write them in legend.
image

echarts主要的坑都在处理文字相关的东西上~~希望早日有所改善

@ColinCLL
Copy link

刚发现新版的改过了~~

@zyweb
Copy link

zyweb commented Jun 29, 2018

您好,我使用的highcharts双饼图出现文字重叠等
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

7 participants