NVD3 TEST

upside down

HTML

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

CSS

@import url(http://fonts.googleapis.com/css?family=Droid+Sans|Droid+Sans+Mono);


text.nv-axislabel {font-size: 24px;}

#chart svg {
  height: 700px;
  width:100%;
}


.nv-label text{
    font-family: Droid Sans;
}

JavaScript

data = [{"key":"www.modernnissanofconcord.com","values":[{"date":"20151217","rank":"1"},{"date":"20151221","rank":"1"},{"date":"20160105","rank":"1"},{"date":"20160119","rank":"1"}]},{"key":"www.nissanusa.com","values":[{"date":"20151217","rank":"3"},{"date":"20151221","rank":"3"},{"date":"20160105","rank":"3"},{"date":"20160119","rank":"3"}]},{"key":"www.eastcharlottenissan.com","values":[{"date":"20151217","rank":"4"},{"date":"20151221","rank":"4"},{"date":"20160105","rank":"4"},{"date":"20160119","rank":"4"}]},{"key":"www.modernnissanoflakenorman.com","values":[{"date":"20151217","rank":"5"},{"date":"20151221","rank":"5"},{"date":"20160105","rank":"5"},{"date":"20160119","rank":"5"}]},{"key":"www.scottclarknissan.com","values":[{"date":"20151217","rank":"6"},{"date":"20151221","rank":"6"},{"date":"20160105","rank":"6"},{"date":"20160119","rank":"6"}]},{"key":"www.monroenissan.com","values":[{"date":"20160119","rank":"7"}]},{"key":"www.benmynattnissan.com","values":[{"date":"20151217","rank":"7"},{"date":"20151221","rank":"7"},{"date":"20160105","rank":"8"},{"date":"20160119","rank":"8"}]},{"key":"www.nissanofraleigh.com","values":[{"date":"20151217","rank":"8"},{"date":"20151221","rank":"8"},{"date":"20160105","rank":"7"},{"date":"20160119","rank":"9"}]},{"key":"www.leithnissan.com","values":[{"date":"20151217","rank":"9"},{"date":"20151221","rank":"9"},{"date":"20160105","rank":"10"},{"date":"20160119","rank":"10"}]},{"key":"www.mygastonianissan.com","values":[{"date":"20151217","rank":"12"},{"date":"20151221","rank":"11"},{"date":"20160105","rank":"12"},{"date":"20160119","rank":"11"}]}]
    



nv.addGraph(function() {

var maxY = d3.max(d3.merge(data.map(function(d){return d.values})), function(d) {return +d.rank});
  
var chart = nv.models.lineChart()

  .x(function(d) {return d3.time.format("%Y%m%d").parse(d.date) })
  .y(function(d) {return d.rank})
  
 // Find solution to replace "10" with max value from data 
  
  .yDomain([maxY+1,1])  //Inverts...