question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

echarts tooltip is covered by canvas on iOS13

See original GitHub issue

Version

4.3.0

Steps to reproduce

option ={
                        grid:{
                            top:'20%',
                            bottom:0,
                            right:'5%',
                            left:'0',
                            containLabel:true,
                        },
                        tooltip: {
                            trigger: 'axis',
                            confine:true,
                        },
                        xAxis: {
                            type: 'category',
                        },
                        yAxis:{
                            name:'元/吨',
                            min:'dataMin',
                        },
                        dataset:{
                            dimensions:['日期','采购价'],
                            source:[
                                {'日期':'2019-01-02','采购价':100},
                                {'日期':'2019-01-05','采购价':400}
                            ]
                        },
                        series: {
                            type:'line',
                            smooth:true,
                            symbol: 'circle',
                            symbolSize:2,
                            sampling: 'average',
                            connectNulls:true,
                            label:{
                              // show:true
                            },
                            itemStyle: {
                                color: '#ffc858'
                            },
                            lineStyle:{
                                width:1
                            },
                            areaStyle: {
                                color: new echarts.graphic.LinearGradient(
                                    0, 0, 0, 1,
                                    [
                                        {offset: 0, color: '#ffc858'},
                                        {offset: 1, color: 'rgba(255,200,88,0)'}
                                    ]
                                )
                            }
                        },
                    }

What is expected?

tooltip正常提示

What is actually happening?

tooltip被图形容器遮盖 IMG_0062

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:30 (8 by maintainers)

github_iconTop GitHub Comments

6reactions
qq79952008commented, Nov 21, 2019

给tooltip的div添加css属性transform: translateZ(0);可以解决

1reaction
pissangcommented, Nov 4, 2019

@luyanchen!important 强制覆盖 echarts 容器中的样式,去掉 overflow

Read more comments on GitHub >

github_iconTop Results From Across the Web

echarts tooltip is covered by canvas on iOS13 #11383 - GitHub
echarts tooltip is covered by canvas on iOS13 · Issue #11383 · apache/echarts · GitHub.
Read more >
Changelog - Apache ECharts
[Fix] Fix tooltip may be covered by the canvas when -webkit-overflow-scrolling: touch on iOS 13. ecomfe/zrender#522 (100pah).
Read more >
Echarts在ios13系统中tooltip(气泡)在折线下的问题 - 博客园
echarts tooltip is covered by canvas on iOS13 问题: 解决办法:在tooltip配置项中加如下5,6,7行代码1 tooltip: { 2 trigge.
Read more >
Echarts在ios13系统中tooltip(气泡)在折线下的问题-码迷移动版-m ...
echarts tooltip is covered by canvas on iOS13 ... 1 tooltip: { 2 trigger: "axis", 3 confine: true, 4 formatter: "{b}月: {c}万元", 5...
Read more >
ECHARTS: Tooltip on Line Chart with no Symbols
To make hovering over the line itself work, you'll have to set triggerLineEvent to true : series: [ { ... // your line...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found