score:1

Accepted answer

To highlight the labels in the timeline series you can add this code to the chart load event:

chart: {
  type: 'timeline',
  events: {
    load: function() {
      var chart = this;

      chart.series[0].points.forEach(function(point) {
        point.dataLabel.on('mouseover', function() {
          point.dataLabel.box.css({
            fill: 'red'
          });
        });

        point.dataLabel.on('mouseout', function() {
          point.dataLabel.box.css({
            fill: 'white'
          });
        });
      });
    }
  }
}

Demo:

API reference:

score:0

There is states option available, where you can set the color of bar on hover state

for more info follow the link below

https://api.highcharts.com/highcharts/plotOptions.column.states.hover.color

check Demo here

JS:

Highcharts.chart('container', {

    plotOptions: {
        series: {
            shadow: true
        }
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
        type: 'column',
        states: {
               hover: {
                    color: '#FF0000',
                    borderColor: '#FF0000'
                }
         }
    }]
});

Related Query

More Query from same tag