获取Chart js工具提示到页面顶部

Question

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

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

我需要将工具提示放在我的传奇之上

click to view screen shot of my issue

我的观点的示例代码

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