带有dc.js和d3-tip的Gridster网格不工作

Question

我一直在尝试将自定义工具提示放在dc图表上，而我的图表容器是gridster网格。

D3-tip Snippet

var pieTip = d3.tip()
      .attr("class", "d3-tip")
      .offset([-10, 0])
      .html(function(d) {
        return "<span style='color: #f0027f'>" + d.data.key + "</span> : " + numberFormat(d.value);
      });

此代码段用于渲染。

.renderlet(function(chart) {
                chart.select("svg").call(barTip)
                  .selectAll(".bar")
                  .on("mouseover", barTip.show)
                  .on("mouseout", barTip.hide);

我无法使它发挥作用。任何指针将不胜感激。 感谢

Answer 1

我找到了答案。问题是将图表放在模态或div中时的提示的z-index。