Highcharts Demo

author(s): Torstein Hønsi

by rafaelrozon

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 600px"></div>

JavaScript

Highcharts.chart('container', {
    "chart": {
      "type": "column",
      //"zoomType": "x",
//      "spacingRight": 20,
  //    "spacingTop": 80,
    //  "backgroundColor": "Transparent",
      "style": {
        "fontFamily": "montserrat"
      }
    },
    "xAxis": {
      "type": "datetime",
      "title": {
        "text": null
      },
      "lineWidth": 1,
      "gridLineWidth": 0,
      "tickWidth": 0,
      "labels": {
        "enabled": true,
        "style": {
          "color": "#333"
        }
      },
      "tickInterval": 3600000,
      "startOnTick": true,
      "endOnTick": true,

    },
    "yAxis": {
      "title": {
        "text": "Visitors"
      },
      "gridLineDashStyle": "dot",
      "gridLineColor": "#fff",
      "gridLineWidth": 0,
      "tickPixelInterval": 80,
      "endOnTick": false,
      "lineWidth": 1,
      "labels": {
        "enabled": true
      },
      "min": 0,
      "allowDecimals": false
    },
    "legend": {
      "itemStyle": {
        "color": "#333",
        "cursor": "pointer",
        "fontSize": "12px",
        "fontWeight": "normal"
      }
    },
    "tooltip": {
      "shared": true
    },
    "plotOptions": {
      "series": {
        "stacking": "normal",
        "dataLabels": {
          "enabled": true
        }
      },
      "column": {
        "dataLabels": {
          "enabled": true
        },
        "borderWidth": 0
      }
    },
    "series": [
      {
//        "pointInterval": 3600000,
     //   "pointStart": 0,
        "name": "New Visitors",
        "color": "#9EF0E9",
//        "pointRange": 3600000,
        "tooltip": {
          "pointFormat": "<span style=\"color:{point.color}\">●</span> {series.name}: {point.y} <br/>"
        },
        "data": [
          [
            1520121600000,
            115
          ],
          [
            1520125200000,
            45
          ],
          [
            1520128800000,
            31
          ],
          [
            1520132400000,
...