Javascript 处于模态时，D3在图形后面提示

这是我第一次尝试使用d3.js，我对d3提示函数有一个小问题。一幅画抵得上千言万语，所以这是我的问题

d3提示工作正常，直到我把我的图表放在一个模型中。我已经尝试将css z索引作为d3提示样式的一部分：

 .d3-tip {
        line-height: 1;
        font-weight: bold;
        padding: 12px;
        background: rgba(0, 0, 0, 0.8);
        color: #fff;
        border-radius: 2px;
        z-index: 1;
    }

这没有任何效果，在我有限的css知识中，我认为z索引仍然使用我的主体作为关系键

这是我的

var提示

设置：

       var tip = d3.tip()
           .attr('class', 'd3-tip')
           .offset([-10, 0])
           .html(function(d) {
             return "<strong>Date:</strong> <span style='color:red'>" + d.date + "</span></br><strong>Time:</strong> <span style='color:red'>" + d.time + "</span>
                        </br><strong>Around:</strong> <span style='color:red'>" + d.timeGroup + "</span>";
        });     

var tip=d3.tip（）
.attr（'class'，'d3 tip'）
.偏移量（[-10,0]）
.html（函数（d）{
返回“日期：”+d.Date+”
时间：“+d.Time+”

大约：“+d.timeGroup+”；
});     

以下是我的观点：

 <div id="modal-barGraph" class="modal flex-child fade" role='dialog'>
    <div class="modal-dialog">

        <button class="close white" aria-hidden='' data-dismiss="modal" type="button">X</button>
        <div id="barGraph" ></div>

    </div>
</div>

X

我也试着遵循这方面的建议

---

有没有办法让我的当前设置将提示带到最前面？谢谢

将当前的

css

z-index

更改为

z-index:10000

---

modal

的值大于1（默认值为1050），因此在当前的

css

中您不会看到它。您是否尝试设置z-index:10000？@Ofiris惊人！成功了。谢谢