echarts tooltip is covered by canvas on iOS13
See original GitHub issueVersion
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被图形容器遮盖
Issue Analytics
- State:
- Created 4 years ago
- Comments:30 (8 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
给tooltip的div添加css属性transform: translateZ(0);可以解决
@luyanchen 用
!important
强制覆盖 echarts 容器中的样式,去掉 overflow