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 2021/10/19 05:05:07 UTC
[GitHub] [echarts] wtnu200 opened a new issue #15905: 外层元素使用伪元素，饼图的tooltip无法触发，鼠标放到内容上没有效果
wtnu200 opened a new issue #15905:
URL: https://github.com/apache/echarts/issues/15905
### Version
5.2.1
### Steps to reproduce
使用的chart：Default arrangement
我的html内容：
<table> <tr> <td> <div style="height:100%;" id="div_lifechart"> </div> </td> </tr> </table>
我在元素td上加了两个css
`td::before {
position: absolute;
top: -2px;
bottom: -2px;
left: 15px;
width: calc(100% - 30px);
content: "";
border-top: 2px solid var(--MainColor);
border-bottom: 2px solid var(--MainColor);
z-index: 0;
}
td::after {
position: absolute;
top: 15px;
right: -2px;
left: -2px;
height: calc(100% - 30px);
content: "";
border-right: 2px solid var(--MainColor);
border-left: 2px solid var(--MainColor);
z-index: 0;
}`
加完后，发现此饼图的tooltip没有显示，注释掉 td::after 又能起作用
### What is expected?
正确显示tooltip
### What is actually happening?
添加td::after样式之后，tooltip不显示
<!-- This issue is generated by echarts-issue-helper. DO NOT REMOVE -->
<!-- This issue is in English. DO NOT REMOVE -->
--
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] wtnu200 closed issue #15905: 外层元素使用伪元素，饼图的tooltip无法触发，鼠标放到内容上没有效果
Posted by GitBox <gi...@apache.org>.
wtnu200 closed issue #15905:
URL: https://github.com/apache/echarts/issues/15905
--
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] echarts-bot[bot] commented on issue #15905: 外层元素使用伪元素，饼图的tooltip无法触发，鼠标放到内容上没有效果
Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #15905:
URL: https://github.com/apache/echarts/issues/15905#issuecomment-946369729
--
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] wtnu200 commented on issue #15905: 外层元素使用伪元素，饼图的tooltip无法触发，鼠标放到内容上没有效果
Posted by GitBox <gi...@apache.org>.
wtnu200 commented on issue #15905:
URL: https://github.com/apache/echarts/issues/15905#issuecomment-946479726
It's a CSS style problem. It's solved. Thank you
--
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