[Solved]-Coloring a region programmatically based by user selection with Highmaps-Highcharts

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/