Highcharts with Date on x-Axis

<!doctype HTML>
<meta charset = 'utf-8'>
<html>
  <head>
    <link rel='stylesheet' href="https://netdna.bootstrapcdn.com/bootswatch/2.3.1/cosmo/bootstrap.min.css">
     <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css" >
    <link rel='stylesheet' href="https://getbootstrap.com/2.3.2/assets/js/google-code-prettify/prettify.css">
    <link rel='stylesheet' href="https://aozora.github.io/bootplus/assets/css/docs.css">
    
    <script src='https://code.jquery.com/jquery-1.9.1.min.js' type='text/javascript'></script>
    <script src='https://code.highcharts.com/highcharts.js' type='text/javascript'></script>
    <script src='https://code.highcharts.com/highcharts-more.js' type='text/javascript'></script>
    <script src='https://code.highcharts.com/modules/exporting.js' type='text/javascript'></script>
    
    <style>
    .rChart {
      display: block
      margin: auto auto;
      width: 100%;
      height: 400px;
    }
    /*
    body {
      margin-top: 60px;
    }
    */
    </style>
    
  </head>
  <body>
    <div class='container'>
      <div class='row'>
        <div class='span8'>
          <div class="bs-docs-example">
            <div id='chart14bc706da0fd' class='rChart highcharts'>
            </div> 
          <br/>
<pre><code class='r'>df = structure(list(Date = structure(c(16075, 16082, 16082, 16089, 16096, 16096, 16103, 16110, 16110), class = &quot;Date&quot;), Type = c(&quot;Type-1&quot;, &quot;Type-1&quot;, &quot;Type-2&quot;, &quot;Type-1&quot;, &quot;Type-1&quot;, &quot;Type-2&quot;, &quot;Type-1&quot;, &quot;Type-1&quot;, &quot;Type-2&quot;), Numbers = c(16, 82, 2, 177, 270, 3, 381, 461, 4)), .Names = c(&quot;Date&quot;, &quot;Type&quot;, &quot;Numbers&quot;), row.names = c(NA, -9L), class = &quot;data.frame&quot;)

# don't switch to scientific notation, since we want date to be
# represented in milliseconds
options(scipen = 13)
dat = transform(df, Date2 = as.numeric(as.POSIXct(Date))*1000)

h1 &lt;- hPlot(Numbers ~ Date2, data = dat, 
  group = 'Type', 
  type = &quot;line&quot;, 
  radius=6
)
h1$xAxis(type = 'datetime', labels = list(
  format = '{value:%Y-%m-%d}'  
))
h1
</code></pre>
</div>
        </div>
      </div>
    </div>
      
    <script type='text/javascript'>
    (function($){
        $(function () {
            var chart = new Highcharts.Chart({
 "dom": "chart14bc706da0fd",
"width":            700,
"height":            400,
"credits": {
 "href": null,
"text": null 
},
"exporting": {
 "enabled": false 
},
"title": {
 "text": null 
},
"yAxis": [
 {
 "title": {
 "text": "Numbers" 
} 
} 
],
"series": [
 {
 "data": [
 [
  1388880000000,
            16 
],
[
  1389484800000,
            82 
],
[
  1390089600000,
           177 
],
[
  1390694400000,
           270 
],
[
  1391299200000,
           381 
],
[
  1391904000000,
           461 
] 
],
"name": "Type-1",
"type": "line",
"marker": {
 "radius":              6 
} 
},
{
 "data": [
 [
  1389484800000,
             2 
],
[
  1390694400000,
             3 
],
[
  1391904000000,
             4 
] 
],
"name": "Type-2",
"type": "line",
"marker": {
 "radius":              6 
} 
} 
],
"xAxis": [
 {
 "type": "datetime",
"labels": {
 "format": "{value:%Y-%m-%d}" 
} 
} 
],
"subtitle": {
 "text": null 
},
"id": "chart14bc706da0fd",
"chart": {
 "renderTo": "chart14bc706da0fd" 
} 
});
        });
    })(jQuery);
</script>
    
  </body>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/188.0.0/prettify.js"></script>
  <script 
    src='https://google-code-prettify.googlecode.com/svn-history/r232/trunk/src/lang-r.js'>
  </script>
  <script>
    var pres = document.getElementsByTagName("pre");
    for (var i=0; i < pres.length; ++i) {
      pres[i].className = "prettyprint linenums";
    }
    prettyPrint();
  </script>
</html>

Modified http://code.jquery.com/jquery-1.9.1.min.js to a secure url

Modified http://code.highcharts.com/highcharts.js to a secure url

Modified http://code.highcharts.com/highcharts-more.js to a secure url

Modified http://code.highcharts.com/modules/exporting.js to a secure url

Modified http://cdnjs.cloudflare.com/ajax/libs/prettify/188.0.0/prettify.js to a secure url

https://code.jquery.com/jquery-1.9.1.min.js

https://code.highcharts.com/highcharts.js

https://code.highcharts.com/highcharts-more.js

https://code.highcharts.com/modules/exporting.js

https://cdnjs.cloudflare.com/ajax/libs/prettify/188.0.0/prettify.js