悬停时的x区域标签

Question

我需要在悬停时为xAxis标签添加另一种颜色（like number 19 in the picture）。我后来看到了这个属性，但我失去了它。

需要帮助=）

我可以为xAxis tick设置属性（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，你可以重新排序，而是由绘制元素的顺序决定。不过，我觉得这很重要，因为标签已经在图表区域的顶部绘制（否则你根本看不到它们）。