Klamath Falls Air Quality Index (AQI): Real-time air pollution | Altamont (2023)

>

'; $('.comp-card-live1').append(comp_html);} var aqiType = getCookie("aqiType") === "AQI-IN" ? „AQI-EIN“ : „AQI-US“; contaminado_html +='

'; $('.most_polluted_cities').append(polluted_html); contaminado_html1 +='

'; $('.less_polluted_cities').append(polluted_html1); $("#owl-demo1").owlCarousel({ autoPlay: 3000, //set autoplay to 3 seconds items : 1, itemsDesktop : [1199,1], itemsDesktopSmall : [979,3] }); GraphicsData1(); function ChartData1(){ var coun_name = "United States"; var country_city_name = ""; var count_city_loc_name = "80"; var coun_city_loc_text = "Klamath Falls"; var sensorparam = "here"; country_city_location_text = country_city_location_text.substring(0, 15); if(myChart2) { myChart2.destroy(); } var compare all data = []; var option name = []; var chart period = 1; var time format; var unit; var url; time format="hA"; unit = "time"; url = "https://api.aqi.in/api/v1/getLocationHistory24Hour"; /* console.log("local_name_of_country"); console.log(count_city_loc_name);*/ var headers = { 'Authorization':authtoken, 'Content-Type':'application/json', 'locationid':coun_city_loc_name, 'searchtype':'locationId', 'sendevid':sensorparam }; var headerstwo = { 'authorization': authorization token, 'content-type': 'application/json', 'location-id': city_country-name, 'search-type': 'city-id', 'submit': sensor parameters}; var headersthree = { 'Authorization':authtoken, 'Content-Type':'application/json', 'locationid':coun_name, 'searchtype':'countryId', 'sendevid':sensorparam }; if(country_name == "India" || country_name == "india"){ ChartDataT1(url,headers,headerstwo,headerstres,sensorparam,unit,timeformat,country_name,country_city_name,country_city_loc_text); }else{ ChartDataS2(url,headers,headersstras,sensorparam,unit,timeformat,coun_name,coun_city_loc_text); } } function ChartDataT1(url=0, headers=0, headers two=0, headers three=0, sensorparam=0, unit=0, time format=0, country_name=0, country_city_name=0, location_name_country_city=0){ makeAjaxCall (url, headers,"GET", function(respJson){ //console.log(respJson); makeAjaxCall(url,headerstwo,"GET", function(respJsonTwo){ makeAjaxCall(url,headerstres,"GET", function ( respJsonThree){ var location_name1 = country_city_name; var location_name2 = country_city_name; var location_name3 = country_name; var graphicData = respJson['Table']['Data'][0]; var colorarray = []; var graphicValueobj = graphicData['averagearray ' ]; var chartAvgLoc = chartdata["avgValue"]; var chartdateobj = chartdata['timeArray']; var chartdataTwo = respJsonTwo['Table']['Data'][0]; var colorarrayTwo = []; var chartvalueobjTwo = chartdataTwo ['averageArray ']; var chartAvgCity = chartdataTwo["avgValue"]; var chartdateobjTwo = chartdataTwo['timeArray']; var chartdataThree = respJsonThree['table']['data'][0]; var colorarra yT res = []; var chartvalueobjThree = chartdataT three['ArrayAverage']; var chartAvgCoun = chartdataThree["avgValue"]; var chartdateobjThree = chartdataThree['timeArray']; var bestdata = Math.min.apply(Math,chartvalueobj); // 1 var worst data = Math.max.apply(Math,chartvalueobj); // 3 var bestindex = chartvalueobj.indexOf(bestdata); var worst index = chartvalueobj.indexOf (worst data); var bformatedtime = moment(chartdateobj[bestindex]).format('LT'); var bformateddate = moment(chartdateobj[bestindex]).format('LL'); var wformatedtime = moment(chartdateobj[worstindex]).format('LT'); var wformateddate = moment(chartdateobj[worst index]).format('LL'); var start_date = moment().startOf(chartdateobj).format('YYYY-MM-DD'); var end_date = moment().endOf(chartdateobj).format('YYYY-MM-DD'); /* $('#bvalue').text(bestdata); $('#btime').text(bformatedtime); $('#datedate').text(dateformatadb); $('#wvalue').text(worst data); $('#wtime').text(wformatedtime); $('#wdate').text(wformateddate);*/ $(.Comparative_text1_in2").text(chartAvgLoc); $(".Text_comparative2_in2").text(chartAvgCity); $(".Text_comparative3_in2").text( chartAvgCount); if($(window).width() > 640){ var ctx = document.getElementById("history_comp_graph").getContext("2d"); var grd = ctx.createLinearGradient (0.000, 350,000, 0.000, 100,000 ); }else{ var ctx = document.getElementById("history_comp_graph_s").getContext("2d"); var grd = ctx.createLinearGradient (0.000, 350,000, 0.000, 100,000); } for(var i in chartvalueobj) { var valuecolor = GetColorBySensorNameAndValue(sensorparam,chartvalueobj[i]); colorarray.push (color value); var valuecolorTwo = GetColorBySensorNameAndValue(sensorparam,chartvalueobjTwo[i]); colorarrayTwo.push (ValueColorTwo); var valuecolorThree = GetColorBySensorNameAndValue(sensorparam,chartvalueobjThree[ i ] ); colorarrayThree.push(colorValueThree); } var unit_type = "1"; var str = respJson['Table']['sensorName']; var res = str.toUpperCase(); //var annnot_ arr=get _annotation(res,unit_type); config2 = { data: { tags: chartdateobj, datasets: [ { tag: location_name1, type: 'line', data: chartvalueobj, backgroundColor: 'transparent', pointBorderColor: 'transparent', borderColor: '#39A033', pointBackgroundColor: colorarray , pointRadius: 2, borderWidth: 2, }, { label: location_name2, type: 'line', data: chartvalueobjTwo, backgroundColor: 'transparent', pointBorderColor: 'transparent', borderColor: '#D8237E', pointBackgroundColor: colorarrayTwo , pointRadius : 2, borderWidth: 2, }, { label: location_name3, type: 'line', data: chartvalueobjThree, backgroundColor: 'transparent', pointBorderColor: 'transparent', borderColor: '#289BD1', pointBackgroundColor: colorarrayThree, pointRadius : 2 , borderWidth: 2, }, ] }, options: { responsive: true, keepAspectRatio: true, animation: { easing: 'easeInOutQuad', duration: 520 }, legend: { display: true }, scales: { xAxes: [{ gridLines:{ display: false }, ticks: { autoSkip: true, }, barThickness: 5, type: "time", time: { unit: unit, displ ay formats: { quarter: timeformat } } }], yAxes: [{ gridLines: { display:true }, ticks: { min: 0, } }] }, legend: { display: false, label: { // fontColor: " red", //fontSize: 18 } }, point: { backgroundColor: 'white' }, //onClick: graphClickEvent, tooltip: { mode: "index", intersection: true, on: true, mode: "index", position: "average", } } }; var temp = jQuery.extend(true, {}, config2); myGraph2 = new graph(ctx, temp); }); }); });} function ChartDataS2(url=0,headers=0,headerstwo=0,sensorparam=0,unit=0,timeformat=0,coun_name=0,coun_city_loc_text=0){ makeAjaxCall(url,headers,"GET", function(respJson){ //console.log(respJson); makeAjaxCall(url,headerstwo,"GET", function(respJsonTwo){ // console.log(respJsonTwo); var chartdata = respJson['Table']['Data '][0]; var colorarray = []; var chartvalueobj = chartdata['averageArray']; var chartdateobj = chartdata['timeArray']; var chartdataTwo = respJsonTwo['Table']['Data'][0]; var colorarrayTwo = []; var chartvalueobjTwo = chartdataTwo['averageArray']; var chartdateobjTwo = chartdataTwo['timeArray']; var location_name1 = country_city_loc_text; var location_name2 = country_name; var bestdata = Math.min.apply(Math,chartvalueobj); // 1 var worst data = Math.max.apply(Math,chartvalueobj); // 3 var bestindex = chartvalueobj.indexOf(bestdata); var worstindex = chartvalueobj.indexOf(worstdata); var bformatedtime = moment(chartdateobj[bestindex] ).format('LT');var bfor mateddd ate = time t(chartdateobj[bestindex]).format('LL'); var wformatedtime = moment(chartdateobj[worstindex]).format('LT'); var wformateddate = moment(chartdateobj[worst index]).format('LL'); var start_date = moment().startOf(chartdateobj).format('YYYY-MM-DD'); var end_date = moment().endOf(chartdateobj).format('YYYY-MM-DD'); if($(window).width() > 640){ var ctx = document.getElementById("history_comp_graph").getContext("2d"); var grd = ctx.createLinearGradient(0.000, 350000, 0.000, 100000); }else{ var ctx = document.getElementById("history_comp_graph_s").getContext("2d"); var grd = ctx.createLinearGradient(0.000, 350000, 0.000, 100000); } for(var i in chartvalueobj) { var valuecolor = GetColorBySensorNameAndValue(sensorparam,chartvalueobj[i]); colorarray.push(colorvalue); var valuecolorTwo = GetColorBySensorNameAndValue(sensorparam,chartvalueobjTwo[i]); colorarrayTwo.push(ValueColorTwo); } var unit_type = "1"; var str = respJson['Table']['sensorName']; var res = str.toUpperCase(); /*var annnot_arr=get_annotation(res,unit_type);*/ config2 = { data: { label: chartdateobj, datasets: [ { label: location_name1, type: 'line', data: chartvalueobj, backgroundColor: 'transparent', pointBorderColor: 'transparent', borderColor: '#39A033', pointBackgroundColor: colorarray, pointRadius: 1, borderWidth: 2, }, { label: location_name2, type: 'line', data: chartvalueobjTwo, backgroundColor: 'transparent', pointBorderColor: 'transparent ', borderColor: '#289BD1', pointBackgroundColor: colorarrayTwo, pointRadius: 1, borderWidth: 2, }, ] }, options: { /* annotation: { annotations:annnot_arr },*/ responsive: true, keepAspectRatio: true, animation : { acceleration: 'easeInOutQuad', duration: 520 }, legend: { display: true }, scales: { xAxes: [{ gridLines: { display: false }, flags: { autoSkip: true, }, barThickness: 5, type : "time", time: { unit: unit, displayFormats: { quarter: time format } } }], yAxes: [{ gridLines: { display:true }, ticks: { my n: 0, } }] }, legend : { display: f tam well, label: { //fontColor: "red", //fontSize: 18 } }, point: { backgroundColor: 'white' }, //onClick: graphClickEvent , hints: { mode: "Index", intersection: true, activation: true, mode: "index", position: "average", } } }; var temp = jQuery.extend(true, {}, config2); myGraph2 = new graph(ctx, temp); }); }); }const aqiIndia = "4";const aqiUsa = "8";console.log("Aqi ind and us","Klamath Falls")progressRing({"aqiIn": aqiIndia,"aqiUs":aqiUsa});ProgressRing function (obj){ var location="Klamath Falls"; location = location.charAt(0).toUpperCase() + location.slice(1); if(screen.width < 520) { if(location.length > 25) { const name = location.split(" ") const shortName = name[0] + " " + name[1] + "..."; location = short name; } } console.log("OBJECTR",individual locations) var pageHeading =''; page header +="

Real-time PM2.5, PM10 air pollution levels Altamont, Oregon

Last updated: March 04, 2023, 3:05 pm

"; $(".card-header-h1").html(pageHeading);var total_goals = 999;var Goals_completed = getCookie("aqiType") === "AQI-IN" ? obj.aqiIn : obj.aqiUs; var goal_color = getCookie("aqiType") === "AQI-IN" ?GetColorBySensorNameAndValue("AQI-IN",goals_completed) : GetColorBySensorNameAndValue("aqi",goals_completed);var country_aqi = "(AQI)";console.log ("AQIfdfdVALUE",goals_completed,location);console.log(goal_color);var bar = new ProgressBar.Circle(progress_ring_aqi, { color: goal_color, // Must be the same size as the maximum width to avoid // truncation of strokeWidth : 8 to avoid , trailWidth: 7, acceleration: 'easeInOut', duration: 1400, text: { autoStyleContainer: false }, from: { color: goal_color, width: 9 }, to: { color: goal_color, width: 9 } , // ​​Set the default stepping function for all animated call steps: function(state, circle) { circle.path.setAttribute('stroke', state.color); circle.path.setAttribute('stroke- width', state . width);var value = Math.round( circle.value() * 999);if (value === 0) { circle.se tText(''); } else { console.log("LOCAL VALUE", value) circle.setText(value); $(".progressbar-text").css("color",goal_color) } }});bar.text.style.fontFamily = 'Nunito Sans, sans serif';bar.text.style.fontSize = '20px ' ;bar.text.style.color = "#f4f4f4";bar.text.style.fontWeight = '800';var g = "1";bar.animate(goals_completed/total_goals); // number from 0.0 to 1.0}