JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 

 <script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

  <div id="container" style="min-width: 400px; height: 400px; margin: 0 auto;"></div>

JavaScript

var res = [];
 var data = [{"tanggal":"2016-07-12 00:00:00.000","total":1283947},
					 {"tanggal":"2016-07-01 00:00:00.000","total":1234618514}];
  var res= [];
          $.each(data, function(k, v) { 
            res.push([new Date(data[k].tanggal).getTime(), data[k].total])});

					$('#container').highcharts({
								title: {
									text: '',
									x: -20 //center
								},
								subtitle: {
									text: 'Omset ' + $("#outlet").val(),
									x: -20
								},
								xAxis: {
								type: 'datetime',
                
								},
								yAxis: {
									title: {
										text: 'Rupiah (Rp.)'
									},
									plotLines: [{
										value: 0,
										width: 1,
										color: '#808080'
									}]
								},
								tooltip: {
									valueSuffix: ' Rupiah'
								},
								legend: {
									layout: 'vertical',
									align: 'right',
									verticalAlign: 'middle',
									borderWidth: 0
								},
							
								series: [{
									name: 'Outlet '+ $("#outlet").val(),
									data: res
									
								}]
								
							});