highchart dynamic data

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>
<script src="https://code.highcharts.com/modules/drilldown.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

//array for data source
var data_al = []
var data_x_branch_branch = [];
var data_y_job_no_branch = [];
var data_x_opps_type_al = [];
var data_y_job_no_al = [];
var data_x_branch_al = [];

data_al = [
	{x_branch_al: 'Aarburg', x_opps_type_al: 'OTHER', y_job_no_al: 116},
  {x_branch_al: 'Aarburg', x_opps_type_al: 'REAR', y_job_no_al: 26},
  {x_branch_al: 'Aarburg', x_opps_type_al: 'REPAIR', y_job_no_al: 339},
  {x_branch_al: 'Aarburg', x_opps_type_al: 'SIDEGLASS', y_job_no_al: 16},
  {x_branch_al: 'Aarburg', x_opps_type_al: 'WINDSCREEN', y_job_no_al: 741},
  {x_branch_al: 'Basel', x_opps_type_al: 'OTHER', y_job_no_al: 225},
  {x_branch_al: 'Basel', x_opps_type_al: 'REAR', y_job_no_al: 48},
  {x_branch_al: 'Basel', x_opps_type_al: 'REPAIR', y_job_no_al: 447},
  {x_branch_al: 'Basel', x_opps_type_al: 'SIDEGLASS', y_job_no_al: 42},
  {x_branch_al: 'Basel', x_opps_type_al: 'WINDSCREEN', y_job_no_al: 1018},
  {x_branch_al: 'Bern', x_opps_type_al: 'OTHER', y_job_no_al: 252},
  {x_branch_al: 'Bern', x_opps_type_al: 'REAR', y_job_no_al: 45},
  {x_branch_al: 'Bern', x_opps_type_al: 'REPAIR', y_job_no_al: 468},
  {x_branch_al: 'Bern', x_opps_type_al: 'SIDEGLASS', y_job_no_al: 32},
  {x_branch_al: 'Bern', x_opps_type_al: 'WINDSCREEN', y_job_no_al: 829},
  {x_branch_al: 'CBB/ISP', x_opps_type_al: 'OTHER', y_job_no_al: 14},
  {x_branch_al: 'CBB/ISP', x_opps_type_al: 'REAR', y_job_no_al: 1},
  {x_branch_al: 'CBB/ISP', x_opps_type_al: 'REPAIR', y_job_no_al: 2},
  {x_branch_al: 'CBB/ISP', x_opps_type_al: 'SIDEGLASS', y_job_no_al: 7},
  {x_branch_al: 'CBB/ISP', x_opps_type_al: 'WINDSCREEN', y_job_no_al: 10},
  
];

data_x_branch_al = [
  'Aarburg', 'Aarburg', 'Aarburg', 'Aarburg', 'Aarburg',
  'Basel', 'Basel', 'Basel', 'Basel', 'Basel',
  'Bern', 'Bern', 'Bern', 'Bern', 'Bern',
  'CBB/ISP', 'CBB/ISP', 'CBB/ISP', 'CBB/ISP', 'CBB/ISP',
  
];

data_x_branch_branch = ['Aarburg','Basel','Bern','CBB/ISP'];

data_y_job_no_branch = [1238,1780,1626,34];

data_x_opps_type_al =...