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);

.nvd3 .nv-axis .nv-axisMaxMin text {
    font-weight: 700;
    display: none;
}

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

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


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

JavaScript

data = [
  {
    "key": "www.WebsiteA.com    ",
    "values":  

[{"pm10": 88.8, "pm25": 54.9, "time": "09.01.2019 16:42:53"}, {"pm25": 52.2, "pm10": 86.5, "time": "09.01.2019 16:46:01"}, {"pm10": 41.6, "pm25": 24.5, "time": "09.01.2019 16:51:34"}, {"pm25": 26.6, "pm10": 44.3, "time": "09.01.2019 16:57:04"}, {"pm10": 245.3, "pm25": 153.7, "time": "09.01.2019 17:13:09"}, {"pm25": 143.6, "pm10": 230.8, "time": "09.01.2019 17:18:42"}, {"pm10": 264.8, "pm25": 170.0, "time": "09.01.2019 17:24:12"}, {"pm25": 78.8, "pm10": 124.1, "time": "09.01.2019 18:49:36"}, {"pm10": 84.9, "pm25": 48.5, "time": "09.01.2019 18:55:09"}, {"pm25": 52.3, "pm10": 90.3, "time": "09.01.2019 19:00:39"}, {"pm10": 105.4, "pm25": 64.6, "time": "09.01.2019 20:03:12"}, {"pm25": 57.9, "pm10": 112.2, "time": "09.01.2019 20:08:45"}, {"pm10": 71.6, "pm25": 44.2, "time": "09.01.2019 20:12:53"}, {"pm25": 65.8, "pm10": 107.1, "time": "09.01.2019 20:18:26"}, {"pm10": 108.2, "pm25": 67.2, "time": "09.01.2019 20:23:56"}, {"pm25": 133.7, "pm10": 203.6, "time": "09.01.2019 20:34:49"}, {"pm10": 313.5, "pm25": 214.8, "time": "09.01.2019 20:40:22"}, {"pm25": 225.7, "pm10": 324.3, "time": "09.01.2019 20:45:52"}, {"pm10": 113.6, "pm25": 68.5, "time": "09.01.2019 20:57:19"}, {"pm25": 110.0, "pm10": 176.3, "time": "09.01.2019 21:02:52"}, {"pm10": 184.6, "pm25": 116.2, "time": "09.01.2019 21:08:22"}, {"pm25": 77.1, "pm10": 121.5, "time": "09.01.2019 21:39:25"}, {"pm10": 107.7, "pm25": 67.1, "time": "09.01.2019 21:44:57"}, {"pm25": 71.5, "pm10": 113.1, "time": "09.01.2019 21:50:27"}, {"pm10": 138.9, "pm25": 86.8, "time": "09.01.2019 22:13:04"}, {"pm25": 95.3, "pm10": 146.5, "time": "09.01.2019 22:18:37"}, {"pm10": 149.1, "pm25": 96.4, "time": "09.01.2019 22:24:07"}, {"pm25": 86.8, "pm10": 139.2, "time": "09.01.2019 22:29:06"}, {"pm10": 180.8, "pm25": 115.2, "time": "09.01.2019 22:34:39"}, {"pm25": 123.7, "pm10": 191.1, "time": "09.01.2019 22:40:09"}, {"pm10": 315.7, "pm25": 219.9, "time": "09.01.2019 23:00:05"},...