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 2020/07/20 03:14:15 UTC

[GitHub] [incubator-echarts] wp56610 opened a new issue #12994: 同时设置css 和 行内样式时, tooltip 样式错误

wp56610 opened a new issue #12994:
URL: https://github.com/apache/incubator-echarts/issues/12994


   ### Version
   4.8.0
   
   ### Reproduction link
   [https://codepen.io/wp56610/pen/rNxoNJo](https://codepen.io/wp56610/pen/rNxoNJo)
   
   ### Steps to reproduce
   system: Windows NT 10.0; Win64; x64
   Browser: chrome 83.0.4103.116  /  Firefox/75.0
   
   ### What is expected?
   tooltip should be shirnk 
   
   ### What is actually happening?
   tooltip is too big more than expected
   
   <!-- 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.

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] [incubator-echarts] echarts-bot[bot] commented on issue #12994: 同时设置css 和 行内样式时, tooltip 样式错误

Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #12994:
URL: https://github.com/apache/incubator-echarts/issues/12994#issuecomment-660777809


   Hi! We've received your issue and please be patient to get responded. 🎉
   The average response time is expected to be within one day for weekdays.
   
   In the meanwhile, please make sure that **you have posted enough image to demo your request**. You may also check out the [API](http://echarts.apache.org/api.html) and [chart option](http://echarts.apache.org/option.html) to get the answer.
   
   If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to dev@echarts.apache.org. Please attach the issue link if it's a technical questions.
   
   If you are interested in the project, you may also subscribe our [mail list](https://echarts.apache.org/en/maillist.html).
   
   Have a nice day! 🍵


----------------------------------------------------------------
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.

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] [incubator-echarts] plainheart commented on issue #12994: 同时设置css 和 行内样式时, tooltip 样式错误

Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #12994:
URL: https://github.com/apache/incubator-echarts/issues/12994#issuecomment-660817177


   你的 CSS 代码作用范围太大，这会影响 tooltip 的 div 容器样式。
   ```css
   div{
       display: inline-block;
       width: 600px;
       height: 400px
   }
   ```
   将 div 标签选择器改为对应的 id 选择器 `#stackArea` 就不会出现这个问题了。


----------------------------------------------------------------
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.

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] [incubator-echarts] plainheart commented on issue #12994: 同时设置css 和 行内样式时, tooltip 样式错误

Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #12994:
URL: https://github.com/apache/incubator-echarts/issues/12994#issuecomment-660828618


   默认是以 html 模式绘制的，如果想要以 canvas 绘制，可以设置 [`renderMode`](https://echarts.apache.org/zh/option.html#tooltip.renderMode) 为 `richText`.
   tooltip用的是行内样式，优先级很高，覆盖不是因为优先级低，而是因为你设置的width和height这两个属性 tooltip 本身并没有，所以会继承你给全部 div 标签设置的 width、height 。
   


----------------------------------------------------------------
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.

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] [incubator-echarts] wp56610 commented on issue #12994: 同时设置css 和 行内样式时, tooltip 样式错误

Posted by GitBox <gi...@apache.org>.
wp56610 commented on issue #12994:
URL: https://github.com/apache/incubator-echarts/issues/12994#issuecomment-660940790


   thanks,
   学到了


----------------------------------------------------------------
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.

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] [incubator-echarts] wp56610 commented on issue #12994: 同时设置css 和 行内样式时, tooltip 样式错误

Posted by GitBox <gi...@apache.org>.
wp56610 commented on issue #12994:
URL: https://github.com/apache/incubator-echarts/issues/12994#issuecomment-660824737


   > 你的 CSS 代码作用范围太大，这会影响 tooltip 的 div 容器样式。
   > 
   > ```css
   > div{
   >     display: inline-block;
   >     width: 600px;
   >     height: 400px
   > }
   > ```
   > 
   > 将 div 标签选择器改为对应的 id 选择器 `#stackArea` 就不会出现这个问题了。
   
   thanks , 没有想到 tooltip 是 div 元素, 一直以为是 canvas 绘制的.
   
   不过存在一个疑问, tooltip 的样式优先级如此之低, 十分容易被覆盖, 提高tooltip优先级是否可以得到更好的体验呢?


----------------------------------------------------------------
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.

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] [incubator-echarts] wp56610 closed issue #12994: 同时设置css 和 行内样式时, tooltip 样式错误

Posted by GitBox <gi...@apache.org>.
wp56610 closed issue #12994:
URL: https://github.com/apache/incubator-echarts/issues/12994


   


----------------------------------------------------------------
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.

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] [incubator-echarts] plainheart edited a comment on issue #12994: 同时设置css 和 行内样式时, tooltip 样式错误

Posted by GitBox <gi...@apache.org>.
plainheart edited a comment on issue #12994:
URL: https://github.com/apache/incubator-echarts/issues/12994#issuecomment-660828618


   默认是以 html 模式绘制的，如果想要以 canvas 绘制，可以设置 [`renderMode`](https://echarts.apache.org/zh/option.html#tooltip.renderMode) 为 `richText`.
   tooltip用的是行内样式，优先级很高，覆盖不是因为优先级低，而是因为你设置的width和height这两个属性 tooltip 本身并未设置，所以会继承你给全部 div 标签设置的 width、height 。
   


----------------------------------------------------------------
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.

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