修改 AG-grid 单元格工具提示的 z-index

Question

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

我尝试将 z-index 设置为 99999 & 定位为 highchart 工具提示的 relative/absolute。但是反映不出来。

试图通过添加 z 索引

来覆盖 css class .highcharts-tooltip

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

Answer 1

无需修改高图的 CSS tooltip.I 遵循下面 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
      }
    }