Rickshaw Charts - Area

HTML

<script src="http://code.shutterstock.com/rickshaw/vendor/d3.layout.min.js"></script>
<link rel="stylesheet" href="http://code.shutterstock.com/rickshaw/rickshaw.min.css">
<script src="http://code.shutterstock.com/rickshaw/rickshaw.js"></script>
<div id="chart_container">
    <div id="y_axis"></div>
    <div id="chart"></div>
    <div id="legend_container">
        <div id="smoother" title="Smoothing"></div>
        <div id="legend"></div>
    </div>
    <div id="slider"></div>
</div>

CSS

#chart_container {
    position: relative;
    font-family: Arial;
}
#chart {
    position: relative;
    left: 60px;
}
#y_axis {
    position: absolute;
    width: 60px;
    top: 0;
    bottom: 0;
}
.rickshaw_graph .detail .x_label {
    display: none
}
.rickshaw_graph .detail .item {
    line-height: 1.4;
    padding: 0.5em
}
.detail_swatch {
    float: right;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px 0 0
}
.rickshaw_graph .detail .date {
    color: #a0a0a0
}
.rickshaw_graph .x_tick .title {
    bottom: -15px;
}

JavaScript

var graph = new Rickshaw.Graph({
    element: document.querySelector("#chart"),
    width: 500,
    height: 200,
    stroke: true,
    series: [{
        color: 'steelblue',
        name: 'Used',
        data: [
  {
    "x": 1368524212306,
    "y": 12910264320
  },
  {
    "x": 1368527812306,
    "y": null
  },
  {
    "x": 1368531412306,
    "y": null
  },
  {
    "x": 1368535012306,
    "y": null
  },
  {
    "x": 1368538612306,
    "y": null
  },
  {
    "x": 1368542212306,
    "y": null
  },
  {
    "x": 1368545812306,
    "y": null
  },
  {
    "x": 1368549412306,
    "y": null
  },
  {
    "x": 1368553012306,
    "y": null
  },
  {
    "x": 1368556612306,
    "y": null
  },
  {
    "x": 1368560212306,
    "y": null
  },
  {
    "x": 1368563812306,
    "y": null
  },
  {
    "x": 1368567412306,
    "y": null
  },
  {
    "x": 1368571012306,
    "y": null
  },
  {
    "x": 1368574612306,
    "y": null
  },
  {
    "x": 1368578212306,
    "y": null
  },
  {
    "x": 1368581812306,
    "y": null
  },
  {
    "x": 1368585412306,
    "y": null
  },
  {
    "x": 1368589012306,
    "y": null
  },
  {
    "x": 1368592612306,
    "y": null
  },
  {
    "x": 1368596212306,
    "y": null
  },
  {
    "x": 1368599812306,
    "y": null
  },
  {
    "x": 1368603412306,
    "y": null
  },
  {
    "x": 1368607012306,
    "y": null
  },
  {
    "x": 1368610612306,
    "y": 36579082240
  },
  {
    "x": 1368614212306,
    "y": null
  },
  {
    "x": 1368617812306,
    "y": null
  },
  {
    "x": 1368621412306,
    "y": null
  },
  {
    "x": 1368625012306,
    "y": null
  },
  {
    "x": 1368628612306,
    "y": null
  },
  {
    "x": 1368632212306,
    "y": null
  },
  {
    "x": 1368635812306,
    "y": null
  },
  {
    "x": 1368639412306,
    "y": null
  },
  {
    "x": 1368643012306,
    "y": null
  },
  {
    "x": 1368646612306,
    "y": null
  },
  {
    "x": 1368650212306,
    "y": null
  },
  {
    "x": 1368653812306,
    "y": null
  },
  {
    "x": 1368657412306,
   ...