Javascript 获取页面顶部的图表js工具提示

我面临着Chartjs（2.0）工具提示的问题。在我看来，有两个包装器DIV元素，一个是图表js的container DIV，另一个是带有自定义图例的容器

我的问题是它的隐藏工具提示，因为我的自定义图例是使用z索引和图表顶部定位的

我需要把工具提示带到我传奇的顶端

我的视图的示例代码

<div class="chart-wrapper>
    <canvas id="{{ChartConfig.chartName}}-chart" class="chart"
        chart-data="chartData.counts" chart-labels="chartData.labels"
        chart-options="chartOptions" chart-colors="chartColors" chart-click="openList">
    </canvas>
</div>

<div class="legend-wrapper"
        ng-repeat="segment in legendItems track by $index"
        ng-click="openList(segment.text)">
        <div class="color-swatch"
            ng-style="{background: segment.fillStyle}"></div>
        <div class="item-name">{{ segment.text }}</div>
        <div class="item-value">{{ chartData.counts[segment.index] }}</div>
    </div>

---

Hi sahil请使用链接查看我的问题您能创建一个小提琴吗？因为我需要查看divs html/css和用于初始化图表的java脚本。谢谢sahil，我已经用这段代码更新了我的问题，但不幸的是，我无法处理我的问题，因为它几乎没有完成。尝试给出。图表包装器位置：相对，然后给出高于图例包装器的z索引。希望会help@SahilDhir问题是我的图例在增加图表的z-索引后可单击图例变为底部，无法单击项目。我增加了图表包装的宽度，以避免切割工具提示