nvd3 stacked chart with different time range

by krispo1

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.4.8/d3.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/nvd3/1.1.15-beta/nv.d3.min.js"></script>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/nvd3/1.1.15-beta/nv.d3.min.css">
<div id="chart">
  <svg></svg>
</div>

CSS

#chart svg {
  height: 400px;
}

JavaScript

data = [{"key":"long","values":[[1114887600000,1],[1122836400000,1],[1130788800000,1],[1136059200000,11],[1138737600000,80],[1141156800000,104],[1143831600000,59],[1146423600000,79],[1149102000000,85],[1151694000000,74],[1154372400000,121],[1157050800000,121],[1159642800000,157],[1162324800000,142],[1164916800000,157],[1167595200000,196],[1170273600000,169],[1172692800000,185],[1175367600000,231],[1177959600000,227],[1180638000000,245],[1183230000000,251],[1185908400000,168],[1188586800000,129],[1191178800000,210],[1193860800000,228],[1196452800000,218],[1199131200000,269],[1201809600000,228],[1204315200000,237],[1206990000000,260],[1209582000000,240],[1212260400000,286],[1214852400000,371],[1217530800000,308],[1220209200000,276]]},{"key":"long and...