HighChart：导航手柄位于工具提示之上

Question

我实际上面对的是我的图表

我猜是某种Z-Index问题。但在HighChart reference上没有选项来修复z-index。

我尝试过：

.highcharts-tooltip {
  z-index: 9999;
}

这是Formatter函数的代码。

    formatter: function () {
       $.ajax({
            type: 'GET',
            url:'/ajax/toolTips/RawMaterialChartTt.aspx',
            async:false,
            data: {date:Highcharts.dateFormat('%d-%m-%Y',this.x), data:paramData}, //paramData is an array with series name and color
            dataType : "html",
            success: function(data) {
                result = $(data).find('#showresults').html();
            },
            error: function(errorThrown) { 
                console.log(errorThrown.responseText);
            } 
        });
        return result;
    }

Answer 1

我遇到了同样的问题。我通过为highcharts-tooltip添加CSS来解决这个问题。

highcharts-tooltip 
{
 background-color:White;
}