jQuery addClass example

Change class name on click in jQuery

by grant

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>
<div id="mine">
  <p>from json<br>unique<br>sort<br>replace null</p>
  <p>
  var stations = {"UNITS": {
  </p>
</div>
<div class="results"></div>
<div id="chart"></div>

CSS

body {
  background: #fff;
  padding: 20px;
  font-family: Helvetica;
}

JavaScript

const mine = ("grant");

// checking for the jQuery library
$('.results').html(mine);
var stations = {"UNITS": {
"position": "ft",
"elevation": "ft",
"snow_depth": "Inches"
},
"QC_SUMMARY": {
"QC_TESTS_APPLIED": [
"sl_range_check"
],
"TOTAL_OBSERVATIONS_FLAGGED": 0,
"PERCENT_OF_TOTAL_OBSERVATIONS_FLAGGED": 0
},
"STATION": [
{
"STATUS": "ACTIVE",
"MNET_ID": "25",
"PERIOD_OF_RECORD": {
"start": "2000-01-20T00:00:00Z",
"end": "2018-12-28T19:00:00Z"
},
"ELEVATION": "6340",
"NAME": "BOGUS BASIN",
"STID": "BOGI1",
"SENSOR_VARIABLES": {
"date_time": {
"date_time": {}
},
"snow_depth": {
"snow_depth_set_1": {}
}
},
"ELEV_DEM": "6361.5",
"LONGITUDE": "-116.09685",
"STATE": "ID",
"OBSERVATIONS": {
"date_time": [
"20181231",
"20181230",
"20181229",
"20181228",
"20181231",
"20181231",
"20181231",
"20181231",
"20181231",
"20181231",
"20181231",
"20181231",
"20181231",
"20181231",
"20181231"
],
"snow_depth_set_1": [
130,
32,
33,
34,
34,
33,
33,
33,
33,
33,
33,
33,
33,
33,
33
]
},
"RESTRICTED": false,
"QC_FLAGGED": false,
"LATITUDE": "43.76377",
"TIMEZONE": "America/Boise",
"ID": "1160"
}
],
"SUMMARY": {
"DATA_QUERY_TIME": "344.972133636 ms",
"RESPONSE_CODE": 1,
"RESPONSE_MESSAGE": "OK",
"METADATA_RESPONSE_TIME": "8.82887840271 ms",
"DATA_PARSING_TIME": "0.683069229126 ms",
"TOTAL_DATA_TIME": "345.65615654 ms",
"NUMBER_OF_OBJECTS": 1,
"FUNCTION_USED": "time_data_parser"
}
};
var date2 = '12/12/2018'; 

date2 = new Date(date2);
// stations.OBSERVATIONS = 
const records = stations.STATION[0].OBSERVATIONS;
const results = [];

for (let i = 0; i < records.snow_depth_set_1.length; i++) {
// this will remove high values. date orde off? 
// if (records.snow_depth_set_1[i] <= 50  || records.date_time[i] > date2) 
 results.push([ records.date_time[i], 			records.snow_depth_set_1[i]]);
}
// sorted
results.sort();
console.log('results');
console.log(results);

var uniqueArr = [];
var keys = [];
for (var i in results) {    
    if (keys.indexOf(results[i][0]) === -1) {
       ...