High charts grouped bars getting clipped in columns

I am pretty new to Highcharts and i have below questions.

JsFiddle : https://jsfiddle.net/j5xnghde/5/
  1. The columns for Jun and August months are getting clipped. It does not show the Tokyo column for June and Newyork column for August month.
  2. How can i format the months on the xAxis to just display the short month format ? Instead of Jun’20 just display Jun.
  3. When each of the column group is clicked how do i get the corresponding date object associated to it ?

Source: Angular Questions