echarts canvas 層級太高 導致tooltip被遮蓋


問題截圖:

 

解決方法:

給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;
  }
`

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM