example/index.html

<!DOCTYPE HTML>
<html>
<head>
  <title>Line Chart 1</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      background-color: #fff;
    }
    #graph1 {
      margin: 0 auto;
      max-width: 1008px;
      width: 100%;
      height: 365px;
      text-align: center;
      background: url(imgs/bg.png) repeat;
      overflow: hidden;
    }
    @media only screen and (max-width: 700px) {
      #graph1 {
        height: 265px;
      }
    }
  </style>
</head>
<body>
<div id="graph1"></div>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="../vendor/tween.min.js"></script>
<script src="../vendor/pixi.min.js"></script>
<script src="../groph.js"></script>
<script>

  var groph = new Groph({
    //data2: [0,0,0,0,0,0,0,0,3],
    //data1: ["1121.00", "1221.00", "0.00", "3240.00", "0.00", "3360.80", "0.00", "224755.30", "1234.00"]
  });
  /*
  setTimeout(function() {
    groph.remake({
      data1: [1,2,3,4,3,5,6],
      data2: [6,4,2,4,6,1,2],
      anim:  false
    });
  }, 4000);
  
  setTimeout(function() {
    groph.remake({
      data1: [1,0,0,0,0,0,0],
      data2: [6,0,0,0,0,0,0]
    });
  }, 8000);
  */

</script>
</body>
</html>