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/03/30 23:07:51 UTC

[GitHub] [incubator-echarts] borodovisin opened a new issue #12351: Bars start flickering when emphasis is set after resize window

borodovisin opened a new issue #12351: Bars start flickering when emphasis is set after resize window
URL: https://github.com/apache/incubator-echarts/issues/12351
 
 
   ### Version
   4.7.0
   
   ### Reproduction link
   [https://youtu.be/_0w9kIjcuUU](https://youtu.be/_0w9kIjcuUU)
   
   ### Steps to reproduce
   Use this option object:
   
   `{ "yAxis": [{ "type": "category", "show": true, "data": ["Virginia", "Minnesota", "Michigan", "Texas", "Maryland", "Ohio", "Connecticut", "Tennessee", "Wisconsin", "Pennsylvania", "Colorado", "Georgia", "Massachusetts", "Louisiana", "Illinois", "Florida", "New Jersey", "California", "Washington", "New York"], }], "xAxis": [{ "type": "value", "show": true, }], "series": [{ "type": "bar", "data": [{ "name": "Virginia", "value": 77, }, { "name": "Minnesota", "value": 77 }, { "name": "Michigan", "value": 80 }, { "name": "Texas", "value": 84 }, { "name": "Maryland", "value": 85 }, { "name": "Ohio", "value": 86 }, { "name": "Connecticut", "value": 96 }, { "name": "Tennessee", "value": 98 }, { "name": "Wisconsin", "value": 106 }, { "name": "Pennsylvania", "value": 133 }, { "name": "Colorado", "value": 183 }, { "name": "Georgia", "value": 196 }, { "name": "Massachusetts", "value": 256 }, { "name": "Louisiana", "value": 280 }, { "name": "Illinois", "value": 288 }, { "name": "Florida", "value": 328 }, { "name": "New Jersey", "value": 417 }, { "name": "California", "value": 892 }, { "name": "Washington", "value": 1187 }, { "name": "New York", "value": 2382 }], "itemStyle": { "color": "#0095b7" }, "emphasis": { "itemStyle": { "barBorderColor": "#03051e", "barBorderWidth": 1 } } }] }`
   
   After echarts render the instance, move the mouse over some bars, resize the window and move again the mouse over the bars items.
   
   ### What is expected?
   Not flickering the bars when emphasis is set inside series
   
   ### What is actually happening?
   After create the echarts instance and resize the window the bars start flickering.
   See the vide example [here](https://youtu.be/_0w9kIjcuUU)
   
   <!-- 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


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [incubator-echarts] alex2wong commented on issue #12351: Bars start flickering when emphasis is set after resize window

Posted by GitBox <gi...@apache.org>.
alex2wong commented on issue #12351: Bars start flickering when emphasis is set after resize window
URL: https://github.com/apache/incubator-echarts/issues/12351#issuecomment-607324812
 
 
   Please, better provide  demo in jsfiddle or https://gallery.echartsjs.com/editor.html.

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


With regards,
Apache Git Services

---------------------------------------------------------------------
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 #12351: Bars start flickering when emphasis is set after resize window

Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #12351: Bars start flickering when emphasis is set after resize window
URL: https://github.com/apache/incubator-echarts/issues/12351#issuecomment-606298157
 
 
   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


With regards,
Apache Git Services

---------------------------------------------------------------------
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 #12351: Bars start flickering when emphasis is set after resize window

Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #12351: Bars start flickering when emphasis is set after resize window
URL: https://github.com/apache/incubator-echarts/issues/12351#issuecomment-607324226
 
 
   @borodovisin Please provide a demo for the issue either with https://jsfiddle.net/ovilia/n6xc4df3/ or https://gallery.echartsjs.com/editor.html.

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


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [incubator-echarts] 100pah commented on issue #12351: Bars start flickering when emphasis is set after resize window

Posted by GitBox <gi...@apache.org>.
100pah commented on issue #12351: Bars start flickering when emphasis is set after resize window
URL: https://github.com/apache/incubator-echarts/issues/12351#issuecomment-609446609
 
 
   Indeed it is a bug.
   To reproduce it, resize the chart to make bar very thin, and hover the bars,
   and then resize the chart back.

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


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [incubator-echarts] borodovisin commented on issue #12351: Bars start flickering when emphasis is set after resize window

Posted by GitBox <gi...@apache.org>.
borodovisin commented on issue #12351: Bars start flickering when emphasis is set after resize window
URL: https://github.com/apache/incubator-echarts/issues/12351#issuecomment-607440154
 
 
   Here the jsfiddle sample: https://jsfiddle.net/btdmxvor/. But there is a little hard to recreate, the window container has to resize to see the issue. In the oficial documentation website taking any example and using the object I provided is very easy to recreate. After echarts instance finish to render mouse the mouse over a few bars and resize the hole browser tab  and move again the mouse over the chart bars. I think is something with the ephasis borderWidth or barBorderWidth. When the mouse enters to the borderWidth the `mouseout`event is dispatch and because that we'll see that flikering there.

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


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [incubator-echarts] borodovisin edited a comment on issue #12351: Bars start flickering when emphasis is set after resize window

Posted by GitBox <gi...@apache.org>.
borodovisin edited a comment on issue #12351: Bars start flickering when emphasis is set after resize window
URL: https://github.com/apache/incubator-echarts/issues/12351#issuecomment-607440154
 
 
   Here the jsfiddle sample: https://jsfiddle.net/btdmxvor/. But there is a little hard to recreate, the window container has to resize to see the issue. In the official documentation website taking any example and using the object I provided is very easy to recreate. After echarts instance renders move the mouse over a few bars and resize the whole browser tab  and move again the mouse over the chart bars. I think is something with the emphasis borderWidth or barBorderWidth option. When the mouse enters the borderWidth the `mouseout` event is dispatch and because that we'll see that flickering there. I change to use the `borderShadow` option and the flickering disappears. 

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


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [incubator-echarts] pissang commented on issue #12351: Bars start flickering when emphasis is set after resize window

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


   Seems can't be reproduced in 5.0. Moved to the 5.0 milestone.


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