Highcharts - 相对于系列的工具提示zindex

Question

我试图用坚实的量表在系列后面渲染我的工具提示。我尝试在style参数中更改z-index和opacity，但这似乎没有改变任何东西。

tooltip.js

import $ from 'jquery';

const tooltip = (props) => {
    let container = `#score-visual-${props.equation.eqId}`;
    return {
        useHTML: true,
        animation: false,
        borderWidth: 0,
        borderRadius:   40,
        backgroundColor:'white',
        shadow:false,
        style:{
            fontSize: '14px'
    },
        formatter: function () {
            return `<table>
                <tr><td style="font-size:1.6em; color:${this.point.color}; font-weight: bold; text-align: center">
                ${this.y}${this.point.unit}
                </td></tr>
                <tr><td style="text-align: center"">
                ${this.series.name}
                </td></tr>

            </table>`
        },
        positioner: function (labelWidth, labelHeight) {
            return {
                x: ($(container).width() - labelWidth) / 2,
                y: ($(container).height() - labelHeight) / 2 + 35
            };
        }
    }
};

export default tooltip;

请在此处查看完整代码： https://github.com/ncernek/react-highcharts-error

-

修改

问题（请注意工具提示背景与系列重叠）：

预期的解决方案（请注意，工具提示不会与系列重叠）：