問題截圖:
解決方法:
給echarts里面的canvas設置層級, z-index: -1
import ReactEcharts from 'echarts-for-react' import styled from 'styled-components' // 這里本人習慣使用styled-components處理樣式, 普通的css方式也可以 // 降低canvas層級, 防止tooltip被覆蓋 const ReactEchart = styled(ReactEcharts)` flex: 1; canvas { z-index: -1; } `