score:1

Accepted answer

Using jquery to select point is not the best solution. Highcharts provides point events like click where you have an access to clicked point instance, or you can select a point using the chart.get() method by point id.

To change the selected area color you have to define color property when a point (area) is selected:

series: [{
  states: {
    select: {
      color: '#a4edba'
    }
  }
}]

Now you have to invoke select() method on the clicked or selected point, as well as you invoked zoomTo() method:

  series: [{
      point: {
        events: {
          click: function() {
            var point = this;

            point.zoomTo();
            point.select();
          }
        }
      },
      states: {
        select: {
          color: '#a4edba'
        }
      }
    }]
  });

Demo: https://jsfiddle.net/wchmiel/yzco1023/


Related Query

More Query from same tag