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

Question

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

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

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

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

Answer 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
      }
    }