<body ng-app="myApp">
  <div ng-controller="MainController">
    <div zingchart id="chart-1" zc-json="myJson" zc-width="100%" zc-height="568px"></div>
  </div>
</body>
html,body{
  margin: 0px;
}
var app = angular.module('myApp',['zingchart-angularjs']);

app.controller('MainController', function($scope){

    $scope.myJson = {
      gui: {
        contextMenu: {
          button: {
            visible: 0
          }
        }
      },
      backgroundColor: "#434343",
      globals: {
          shadow: false,
          fontFamily: "Helvetica"
      },
      type: "area",

      legend: {
          layout: "x4",
          backgroundColor: "transparent",
          borderColor: "transparent",
          marker: {
              borderRadius: "50px",
              borderColor: "transparent"
          },
          item: {
              fontColor: "white"
          }

      },
      scaleX: {
          maxItems: 8,
          transform: {
              type: 'date'
          },
          zooming: true,
          values: [
            1442905200000, 1442908800000, 
            1442912400000, 1442916000000, 
            1442919600000, 1442923200000, 
            1442926800000, 1442930400000, 
            1442934000000, 1442937600000, 
            1442941200000, 1442944800000, 
            1442948400000
          ],
          lineColor: "white",
          lineWidth: "1px",
          tick: {
              lineColor: "white",
              lineWidth: "1px"
          },
          item: {
              fontColor: "white"
          },
          guide: {
              visible: false
          }
      },
      scaleY: {
          lineColor: "white",
          lineWidth: "1px",
          tick: {
              lineColor: "white",
              lineWidth: "1px"
          },
          guide: {
              lineStyle: "solid",
              lineColor: "#626262"
          },
          item: {
              fontColor: "white"
          },
      },
      tooltip: {
          visible: false
      },
      crosshairX: {
          scaleLabel: {
              backgroundColor: "#fff",
              fontColor: "black"
          },
          plotLabel: {
              backgroundColor: "#434343",
              fontColor: "#FFF",
              _text: "Number of hits : %v"
          }
      },
      plot: {
          lineWidth: "2px",
          aspect: "spline",
          marker: {
              visible: false
          }
      },
      series: [{
          text: "All Sites",
          values: [2596, 2626, 4480, 
                   6394, 7488, 14510, 
                   7012, 10389, 20281, 
                   25597, 23309, 22385, 
                   25097, 20813, 20510],
          backgroundColor1: "#77d9f8",
          backgroundColor2: "#272822",
          lineColor: "#40beeb"
      }, {
          text: "Site 1",
          values: [479, 199, 583, 
                   1624, 2772, 7899, 
                   3467, 3227, 12885, 
                   17873, 14420, 12569, 
                   17721, 11569, 7362],
          backgroundColor1: "#4AD8CC",
          backgroundColor2: "#272822",
          lineColor: "#4AD8CC"
      }, {
          text: "Site 2",
          values: [989, 1364, 2161, 
                   2644, 1754, 2015, 
                   818, 77, 1260, 
                   3912, 1671, 1836, 
                   2589, 1706, 1161],
          backgroundColor1: "#1D8CD9",
          backgroundColor2: "#1D8CD9",
          lineColor: "#1D8CD9"
      }, {
          text: "Site 3",
          values: [408, 343, 410, 
                   840, 1614, 3274, 
                   2092, 914, 5709, 
                   6317, 6633, 6720, 
                   6504, 6821, 4565],
          backgroundColor1: "#D8CD98",
          backgroundColor2: "#272822",
          lineColor: "#D8CD98"
      }]
    };
});

External CSS

  1. https://codepen.io/zingchart/pen/epvRNK.css

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js
  2. https://s3-us-west-2.amazonaws.com/s.cdpn.io/374756/zingchart-2.1.4.min.js
  3. https://s3-us-west-2.amazonaws.com/s.cdpn.io/374756/zingchart-angularjs-1.0.4.js