修改 AG-grid cell 工具提示的 z-index

Posted 2023-03-28

【中文标题】修改 AG-grid cell 工具提示的 z-index

【英文标题】：Modify z-index of AG-grid cell's tooltip

【发布时间】：2021-12-01 17:03:41

【问题描述】：

我在 Ag 数据网格单元格中创建了一个 HighChart。将鼠标悬停在折线图上时，我需要显示一个包含少量细节的工具提示。我能够在单元格中显示工具提示，但是当工具提示显示在单元格中时，内容会隐藏在单元格中。我需要以可以重叠的方式显示工具提示，并在另一个单元格上显示工具提示。

我尝试将 z-index 设置为 99999 并将位置设置为 highchart 工具提示的相对/绝对值。但它没有反映。

试图通过添加 z 索引来覆盖 css 类 .highcharts-tooltip

请一些 css 专家帮我找出问题所在？

【问题讨论】：

请提供一个可行的例子

请提供足够的代码，以便其他人更好地理解或重现问题。

【参考方案1】：

无需修改 highchart 工具提示的 CSS。我遵循以下 URL 中使用的属性，它对我有用： https://www.highcharts.com/demo/sparkline

我错过了添加以下图表选项：

tooltip: 
      outside: true,

plotOptions: 
      series: 
        animation: false,
        lineWidth: 1,
        shadow: false,
        states: 
          hover: 
            lineWidth: 1
          
        ,
        marker: 
          radius: 1,
          states: 
            hover: 
              radius: 2
            
          
        ,
        fillOpacity: 0.25