悬停时的 x 区域标签

Question

当它悬停时，我需要为 xAxis 标签添加另一种颜色 (like number 19 in the picture)。后来我看到了这处房产，但我把它弄丢了。

需要帮助 =)

我可以为 xAxis 刻度设置一个属性（z-index）吗？因为它的颜色必须是白色的，现在我看不到这种颜色，当它的 z-index 小于 z-index 图表的区域时。

Answer 1

对于您的第一个问题，我将使用共享工具提示和point mouseOver 事件来更改相应的轴标签：

   plotOptions: {
        series: {
            point: {
                events: {
                    // on mouseOver make the xaxis label red
                    mouseOver: function(){
                        var xAxis = this.series.chart.xAxis[0];
                        $(xAxis.ticks[this.x].label.element).css('fill','red');
                    },
                    // on mouseOut make it gray again
                    mouseOut: function(){
                        var xAxis = this.series.chart.xAxis[0];
                        $(xAxis.ticks[this.x].label.element).css('fill','#606060');
                    }
                }
            }
        }
    },

例如here。

对于第二个问题，SVG 的 z 索引是 little tricky。它没有真正的 zIndex 您可以重新排序，而是由绘制元素的顺序决定。不过，我看不出这很重要，因为标签已经绘制在图表区域的顶部（否则您根本看不到它们）。