echarts canvas 层级太高 导致tooltip被遮盖

问题截图:

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

 

上一篇:javascript – 在d3中隐藏带有过渡的工具提示


下一篇:javascript – 获取工具提示的宽度并计算位置(Twitter Bootstrap)