;(function() {
"use strict";
var UsageGraph = function ($, c3, d3, OktaAuth, Promise, jQuery, moment, msCrypto, encoding) {
}
UsageGraph.init = function (selector, accountMaid) {
oktaClient = getClient(window.atob(oktaBaseUrl), window.atob(clientId), redirectUri);
localStorage.setItem('ETag', '');
monthlyGraph = true;
maid = accountMaid;
createHtml(selector);
let tabChecked = false;
let radioChecked = false;
let tooltipOpen = false;
let minusOneTabIndex = document.querySelectorAll("[tabindex='-1']");
let zeroTabIndex = document.querySelectorAll("[tabindex='0']");
$('input[name="peaktype"]:radio').on('change', function () {
ShowUsageGraph();
});
$('ul.tabs li').click(function () {
var tab_id = $(this).attr('data-tab');
if (tab_id == "monthly-billing") {
$('.peak-wrapper').css('display', 'none');
monthlyGraph = true;
}
else {
$('.peak-wrapper').css('display', 'inline-block');
monthlyGraph = false;
}
$('ul.tabs li').removeClass('current');
$('.tab-content').removeClass('current');
$(this).addClass('current');
$("#" + tab_id).addClass('current');
ShowUsageGraph();
});
// accessibility changes
Array.from(document.querySelectorAll('[role="button"], [role="radio"], [role="tab"], [role="anchor"], [role="tooltip"], [role="accordion"], [role="closeButton"], [role="headertab"]')).forEach(function (btn) {
btn.addEventListener('mousedown', function (evt) {
$(evt.target).addClass("disablefocus");
});
btn.addEventListener('mouseup', function (evt) {
$(evt.target).addClass("disablefocus");
});
btn.addEventListener('keydown', function (evt) {
$(evt.target).removeClass("disablefocus");
if (evt.keyCode == 9) {
$(evt.target).removeClass("disablefocus");
ResetTabindex();
if (evt.target.getAttribute("role") === "tooltip") {
tooltipOpenClose();
if (tooltipOpen == true) {
evt.preventDefault();
}
}
}
if (evt.keyCode == 13 || evt.keyCode == 32) {
btn.click();
evt.target.focus();
if (evt.target.getAttribute("role") === "radio") {
var itemid = evt.target.getAttribute('id');
ChangeTabindex(itemid);
}
if (evt.target.getAttribute("role") === "tab") {
var tabid = evt.target.getAttribute('id');
ChangeTabindex(tabid);
}
}
});
});
var acc = $('.Accordion-trigger');
acc.unbind();
acc.on("click", function () {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.display === "block") {
panel.style.display = "none";
event.target.setAttribute("aria-expanded", "false");
} else {
panel.style.display = "block";
event.target.setAttribute("aria-expanded", "true");
}
});
function ChangeTabindex(itemid) {
if (itemid === "checkmark-peak") {
document.getElementById('checkmark-offpeak').setAttribute("tabindex", "-1");
radioChecked = true;
}
else {
document.getElementById('checkmark-offpeak').setAttribute("tabindex", "0");
}
if (itemid === "monthlytab") {
document.getElementById('dailytab').setAttribute("tabindex", "-1");
tabChecked = true;
}
else {
document.getElementById('dailytab').setAttribute("tabindex", "0");
}
}
function ResetTabindex() {
if (radioChecked === true) {
radioChecked = false;
}
else {
document.getElementById('checkmark-peak').setAttribute("tabindex", "0");
document.getElementById('checkmark-offpeak').setAttribute("tabindex", "0");
}
if (tabChecked === true) {
tabChecked = false;
}
else {
document.getElementById('monthlytab').setAttribute("tabindex", "0");
document.getElementById('dailytab').setAttribute("tabindex", "0");
}
}
function tooltipOpenClose() {
if (tooltipOpen === true) {
Array.from(document.querySelectorAll('[role]')).forEach(function (element) {
element.setAttribute("tabindex", "-1");
})
document.getElementById('clsBtn').setAttribute("tabindex", "0");
$("#clsBtn").addClass('tooltip-clsbtn');
}
}
function ResetAlltabindex() {
tooltipOpen = false;
Array.from(document.querySelectorAll('[role]')).forEach(function (element) {
element.removeAttribute("tabindex", "-1");
})
Array.from(minusOneTabIndex).forEach(function (element) {
element.setAttribute("tabindex", "-1");
})
Array.from(zeroTabIndex).forEach(function (element) {
element.setAttribute("tabindex", "0");
})
$("#clsBtn").removeClass('tooltip-clsbtn');
}
// completed accessibility changes
$('#learnmore').click(function () {
conditionalLearnMoreURL();
});
$('.tooltiptext').tooltipster({
animation: 'fade',
delay: 200,
trigger: 'click',
contentAsHTML: true,
theme: ['tooltipster-noir', 'tooltipster-noir-customized'],
interactive: true,
autoclose: true,
functionReady: function (origin,tooltip) {
$('.tooltiptext').attr('aria-hidden', false);
tooltipOpen = true;
Array.from(document.getElementsByClassName('icon-widgetclose')).forEach(function (btn) {
btn.addEventListener('mousedown', function (evt) {
$(evt.target).addClass("disablefocus");
});
btn.addEventListener('mouseup', function (evt) {
$(evt.target).addClass("disablefocus");
});
btn.addEventListener('keydown', function (evt) {
$(evt.target).removeClass("disablefocus");
if (evt.keyCode == 9) {
}
if (evt.keyCode == 13 || evt.keyCode == 32) {
btn.click();
}
});
});
$('.icon-widgetclose').click(function () {
var tooltipid = tooltip.origin.getAttribute('id');
document.getElementById(tooltipid).setAttribute("tabindex", "0");
$('.tooltiptext').tooltipster('hide');
tooltipOpen = false;
$('.tooltiptext').attr('aria-hidden', true);
document.getElementById(tooltipid).focus();
ResetAlltabindex();
});
},
functionAfter: function () {
tooltipOpen = false;
ResetAlltabindex();
}
});
ShowUsageGraph();
if (window.innerWidth <= 768) {
isMobileDevice = true;
}
else
isMobileDevice = false;
}
if (navigator.userAgent.match(/Trident.*rv\:11\./)) {
var prom = new Promise(function () {
window.crypto = msCrypto;
});
prom.then(function () {
encoding.encode("");
new encodingIndexes();
});
}
function conditionalLearnMoreURL() {
if (accountType === "SPP") {
window.open("https://wem-cm-t1.coned.com/home/accounts-billing/select-pricing?open_external=true", "_blank");
}
else {
window.open("https://wem-cm-t1.coned.com/en/accounts-billing/smart-energy-usage?open_external=true", "_blank");
}
}
var redirectUri = window.location.origin + window.location.pathname;
var monthlyContainerWidth;
var dailyContainerWidth;
var oktaClient;
//var authSuccess = runAuthenticationFlow(oktaClient, sessiontoken, scopes);
var currentDisplayedDivId = '';
var dailyheadertooltip = "Peak: Noon to 8 p.m., Monday through Friday
Off-peak: All other summer hours, plus holidays
";
var peaktooltip = "Your usage based on how much electricity you used between 12 p.m. and 8 p.m. (excluding weekends and holidays).
Peak: Noon to 8 p.m., Monday through Friday
";
var offpeaktooltip = "Your usage based on how much electricity you used during off-peak hours.
";
var monthlyheadertooltip = "Usage for the month during peak and off-peak hours
Peak: Noon to 8 p.m., Monday through Friday
Off-Peak: All other hours, plus holidays
";
var monthlyPeakTooltip = "Your total usage for the month based on the sum of your peak hours readings.
Peak: Noon to 8 p.m., Monday through Friday
";
var monthlyOffPeakTooltip = "Your total usage for the month based on the sum of your off-peak hours readings.
Off-peak: All other hours, plus holidays
";
var isLoaderEnabled = false;
var timeoutFunc;
let accountType;
function ShowUsageGraph(url) {
openModal();
timeoutFunc=window.setTimeout(function () {
if (isLoaderEnabled) {
closeModal(false,url);
}
}, loaderTimerInMiliseconds);
if (monthlyGraph) {
if ($('#chart-monthly').css('display') == "block") {
if (url == undefined || url == null) {
url = "/v2/ratepilot/visualizations/" + maid + "/monthlyusage?Count=" + monthlydesktopBarCounts + "&Index=" + monthlydesktopIndex;
}
else {
monthlydesktopIndex = url.substr(url.lastIndexOf("=") + 1, url.length);
}
}
else if ($('#chart-monthly-mobile').css('display') == "block") {
if (url == undefined || url == null) {
url = "/v2/ratepilot/visualizations/" + maid + "/monthlyusage?count=" + monthlymobileBarCounts + "&Index=" + monthlymobileIndex;
}
else {
monthlymobileIndex = url.substr(url.lastIndexOf("=") + 1, url.length);
}
}
}
else {
var radioValue = $("input[name='peaktype']:checked").val();
if ($('#chart-daily').css('display') == "block") {
if (url == undefined || url == null) {
url = "/v2/ratepilot/visualizations/" + maid + "/dailyusage/" + radioValue + "?count=" + dailywebCyclesCount + "&index=" + dailywebIndex;
}
else {
dailywebIndex = url.substr(url.lastIndexOf("=") + 1, url.length);
}
}
else if ($('#chart-daily-mobile').css('display') == "block") {
if (url == undefined || url == null) {
url = "/v2/ratepilot/visualizations/" + maid + "/dailyusage/" + radioValue + "/" + dailymobilePageIndex + "/" + dailymobilemaxPageSizeCount;
}
else {
var slashindex = url.lastIndexOf("/");
var subpeak = url.substr(url, slashindex);
var index = subpeak.substr(subpeak.lastIndexOf("/") + 1, subpeak.length);
dailymobilePageIndex = index;
}
}
}
getVisualizationsData(url);
}
function openModal() {
isLoaderEnabled = true;
document.getElementById('loader').style.display = 'block';
}
function closeModal(success, requestUrl) {
isLoaderEnabled = false;
clearTimeout(timeoutFunc);
document.getElementById('loader').style.display = 'none';
if (!success) {
//ajax failed
$('#graphcd-lg-blockontent').css({ display: 'none' });
$('#errorstate').css({ display: 'block' });
var currentperiod = moment().add(-1, 'months').format("MMM YYYY") + " - " + moment().format("MMM YYYY");
$('#timeperiod').text(currentperiod)
$('#timeperiod').attr('aria-label', currentperiod);
var prev = $('.carousel-control-prev');
var next = $('.carousel-control-next');
next.unbind();
prev.unbind();
if (requestUrl == undefined || requestUrl == null) {
prev.css('display', 'none');
prev.on('click', function () {
return false;
});
next.css('display', 'none');
next.on("click", function () {
return false;
});
return;
}
var pageIndex;
var newpreviousurl;
var newnexturl;
var previouspath;
//check if the request url is of daily mobile usage. handling separately because of url structure.
if (!monthlyGraph && $('#chart-daily').css('display') != "block") {
pageIndex = requestUrl.substr(requestUrl.length - 3, 1);
newpreviousurl = requestUrl.substring(0, requestUrl.length - 3) + (parseInt(pageIndex) + 1) + "/" + dailymobilemaxPageSizeCount;
newnexturl = requestUrl.substring(0, requestUrl.length - 3) + (parseInt(pageIndex) - 1) + "/" + dailymobilemaxPageSizeCount;
previouspath = window.atob(baseUrl) + newpreviousurl;
}
else {
pageIndex = requestUrl.substr(requestUrl.length - 1, 1);
newpreviousurl = requestUrl.substring(0, requestUrl.length - 1) + (parseInt(pageIndex) + 1);
newnexturl = requestUrl.substring(0, requestUrl.length - 1) + (parseInt(pageIndex) - 1);
previouspath = window.atob(baseUrl) + newpreviousurl;
}
if (sessionStorage.getItem(previouspath) == undefined || sessionStorage.getItem(previouspath) == null) {
prev.css('display', 'none');
prev.on('click', function () {
return false;
});
}
else {
prev.css({ display: 'inline-block' });
prev.on("click", function () {
ShowUsageGraph(newpreviousurl);
});
}
if (pageIndex > 0) {
next.css({ display: 'inline-block' });
next.on("click", function () {
ShowUsageGraph(newnexturl);
});
}
else {
next.css('display', 'none');
next.on('click', function () {
return false;
});
}
}
else {
$('#graphcd-lg-blockontent').css({ display: 'block' });
$('#errorstate').css({ display: 'none' });
}
}
function updateUI(response) {
var graphdata = response.data;
var links = response.links;
UpdateGraphsAndCarouselLinks(graphdata, links);
accountType = response.data.billIndicatorType;
}
function getVisualizationsData(relativePath) {
var path = window.atob(baseUrl) + relativePath;
if (sessionStorage.getItem(path) == undefined || sessionStorage.getItem(path) == null)
{
var xhr = new XMLHttpRequest();
oktaClient.tokenManager.get('token')
.then(function (token) {
if (token == undefined) {
oktaClient.token.getWithoutPrompt({
responseType: ['id_token', 'token'],
scopes: scopes // optional if the user has an existing Okta session
})
.then(function (tokens) {
oktaClient.tokenManager.add('token', tokens[0]);
oktaClient.tokenManager.add('id_token', tokens[1]);
makeApiCallForData(tokens[0], xhr, path, relativePath);
})
.catch(function () {
closeModal(false, relativePath);
});
}
else {
makeApiCallForData(token, xhr, path, relativePath);
}
}).catch(function () {
closeModal(false, relativePath);
});
}
else {
var item = sessionStorage.getItem(path);
updateUI(JSON.parse(item));
}
}
function makeApiCallForData(token, xhr, path, relativePath)
{
var accessToken = token.accessToken;
var currentETag = localStorage.getItem('ETag');
var authheader = "Bearer " + accessToken;
xhr.withCredentials = true;
xhr.addEventListener("readystatechange", function () {
if (xhr.readyState === 4)
{
if (xhr.responseText != "" && (xhr.status === 200 || xhr.status === 304))
{
var responseData = JSON.parse(xhr.responseText);
if (xhr.response.status == 304) {
//do nothing
}
else if (jQuery.isEmptyObject(responseData)) {
//No data for the graph we should put an error state.
closeModal(false, relativePath);
} else {
localStorage.setItem('ETag', xhr.getResponseHeader('ETag'));
sessionStorage.setItem(path, JSON.stringify(responseData));
updateUI(responseData);
}
}
else
{
closeModal(false, relativePath);
}
}
});
xhr.addEventListener("error", function () {
closeModal(false, relativePath);
});
xhr.open("GET", path, true);
xhr.setRequestHeader("Accept", "application/json");
xhr.setRequestHeader("Content-Type", "application/json");
xhr.setRequestHeader("Ocp-Apim-Subscription-Key", window.atob(subscriptionKey));
xhr.setRequestHeader("Authorization", authheader);
xhr.setRequestHeader("DCXAppMode", appmode);
xhr.setRequestHeader("Access-Control-Allow-Origin", '*');
xhr.setRequestHeader("If-None-Match", currentETag);
xhr.send();
}
function UpdateGraphsAndCarouselLinks(data, links) {
if (monthlyGraph) {
$('#monthlyPeaktooltip').tooltipster('content', monthlyPeakTooltip);
$('#monthlyOffPeaktooltip').tooltipster('content', monthlyOffPeakTooltip);
$('#headerTooltip').tooltipster('content', monthlyheadertooltip);
if ($('#chart-monthly').css('display') == "block") {
currentDisplayedDivId = '#chart-monthly';
$('#timeperiod').text(data.startdate + ' - ' + data.enddate);
GenerateMonthlyWebGraph(data, monthlyContainerWidth);
}
else if ($('#chart-monthly-mobile').css('display') == "block") {
currentDisplayedDivId = '#chart-monthly-mobile';
$('#timeperiod').text(data.startdate + ' - ' + data.enddate);
GenerateMonthlyMobileGraph(data);
}
}
else {
$('#headerTooltip').tooltipster('content', dailyheadertooltip);
var radioValue = $("input[name='peaktype']:checked").val();
if (radioValue.toLowerCase() == "peak") {
$('#dailylegendtext').text("Usage During Peak Hours (kWh)");
$('#dailylegendtooltip').tooltipster('content', peaktooltip);
$('.legendIcon').attr('style', 'background-color:#069bd7');
$('.label-peak').attr('style', 'color:rgb(0, 136, 43)');
$('.label-offpeak').attr('style', 'color:#636363');
$('#checkmark-peak').attr('aria-checked', 'true');
$('#checkmark-offpeak').attr('aria-checked', 'false');
}
else {
$('#dailylegendtext').text("Usage During Off-Peak Hours (kWh)");
$('#dailylegendtooltip').tooltipster('content', offpeaktooltip);
$('.legendIcon').attr('style', 'background-color:#023A9A');
$('.label-offpeak').attr('style', 'color:rgb(0, 136, 43)');
$('.label-peak').attr('style', 'color:#636363');
$('#checkmark-peak').attr('aria-checked', 'false');
$('#checkmark-offpeak').attr('aria-checked', 'true');
}
if ($('#chart-daily').css('display') == "block") {
currentDisplayedDivId = '#chart-daily';
$('#timeperiod').text(data.startdate + ' - ' + data.enddate);
GenerateDailyWebGraph(data, dailyContainerWidth);
}
else if ($('#chart-daily-mobile').css('display') == "block") {
currentDisplayedDivId = '#chart-daily-mobile';
$('#timeperiod').text(data.startdate + ' - ' + data.enddate);
GenerateDailyMobileGraph(data);
}
}
var prev = $('.carousel-control-prev');
var next = $('.carousel-control-next');
next.unbind();
prev.unbind();
if (links.prev != null) {
prev.css('display', 'inline-block');
prev.on('click', function () {
ShowUsageGraph(links.prev);
});
} else {
prev.css('display', 'none');
prev.on('click', function () {
return false;
});
}
if (links.next != null) {
next.css('display', 'inline-block');
next.on("click", function () {
ShowUsageGraph(links.next);
});
} else {
next.css('display', 'none');
next.on("click", function () {
return false;
});
}
UpdateCustomGraphProperties(currentDisplayedDivId, data);
closeModal(true, null);
}
function resetyaxislabels() {
d3.selectAll('#chart-monthly-mobile, #chart-monthly, #chart-daily, #chart-daily-mobile')
.selectAll(".c3-axis").selectAll(".tick text tspan").attr('x', 4);
}
function UpdateCustomGraphProperties(VisibledisplayDiv, data) {
// Set box styling attributes for y-axis values.
d3.selectAll('#chart-monthly-mobile, #chart-monthly, #chart-daily, #chart-daily-mobile')
.selectAll('.c3-axis-y')
.selectAll('.tick')
.insert('rect', 'text')
.attr("width", "55")
.attr('height', '15')
.attr('x', '1')
.attr('y', '-8');
resetyaxislabels();
d3.selectAll('#chart-monthly-mobile, #chart-monthly, #chart-daily, #chart-daily-mobile')
.selectAll('svg')
.attr('focusable', 'false')
.attr('role', 'presentation');
//Set custom styling properties for year separator line.
if (d3.selectAll(VisibledisplayDiv).selectAll('.c3-xgrid-lines')
.selectAll('.c3-xgrid-line').select('line')._groups[0].length > 0 && !monthlyGraph) {
var x = d3.selectAll(VisibledisplayDiv).selectAll('.c3-xgrid-lines')
.selectAll('.c3-xgrid-line').select('line')
.attr('x1')
var y = d3.selectAll(VisibledisplayDiv).selectAll('.c3-xgrid-lines')
.selectAll('.c3-xgrid-line').select('line')
.attr('y1')
var xsize = parseInt(x, 10) + 4 * 8;
d3.selectAll(VisibledisplayDiv).selectAll('.c3-xgrid-lines')
.selectAll('.c3-xgrid-line')
.attr('stroke', '#d7d7d7')
.attr('fill', '#fff')
.attr('font', '10px sans-serif')
.attr('color', '#000')
.attr('stroke-width', '.5')
.insert('rect', 'text')
.attr("width", '35')
.attr('height', '15')
.attr('x', x)
.attr('y', y);
d3.selectAll(VisibledisplayDiv).selectAll('.c3-xgrid-lines')
.selectAll('.c3-xgrid-line')
.selectAll('text')
.attr('x', xsize)
.attr('y', '16')
.attr('transform', '');
}
else {
AddYearSeparator(data);
}
$(window).off("resize");
$(window).off("click");
$(window).off("focus");
window.addEventListener("resize", function () {
if (monthlyGraph) {
setTimeout(function () {
resetyaxislabels();
AddYearSeparator(data);
monthlyContainerWidth = $('#chart-monthly').width();
}, 100);
}
else {
setTimeout(function () {
refreshYearSeparator();
dailyContainerWidth = $('#chart-daily').width();
}, 500);
}
});
window.addEventListener("click", function () {
resetyaxislabels();
if (monthlyGraph) {
AddYearSeparator(data);
}
else {
setTimeout(function () {
refreshYearSeparator();
}, 500);
}
});
window.addEventListener("focus", function () {
resetyaxislabels();
if (monthlyGraph) {
AddYearSeparator(data);
}
else {
setTimeout(function () {
refreshYearSeparator();
}, 500);
}
});
$(window).resize(function () {
if (isMobileDevice && window.innerWidth >= 768) {
ShowUsageGraph();
isMobileDevice = false;
}
if (!isMobileDevice && window.innerWidth <= 768) {
ShowUsageGraph();
isMobileDevice = true;
}
})
}
function refreshYearSeparator() {
if (d3.selectAll(currentDisplayedDivId).selectAll('.c3-xgrid-lines')
.selectAll('.c3-xgrid-line').select('line')._groups[0].length > 0 && !monthlyGraph) {
var x = d3.selectAll(currentDisplayedDivId).selectAll('.c3-xgrid-lines')
.selectAll('.c3-xgrid-line').select('line')
.attr('x1');
var xsize = parseInt(x, 10) + 4 * 8;
d3.selectAll(currentDisplayedDivId).selectAll('.c3-xgrid-lines')
.selectAll('.c3-xgrid-line')
.selectAll('text')
.attr('x', xsize)
.attr('y', '16')
.attr('transform', '');
}
}
function AddYearSeparator(data) {
var isyearChange = false;
var newYearFirstBillDate;
var lastyearlastBillDate;
for (var i = 1; i < data.x.length - 1; i++) {
var templastdate = moment.parseZone(data.x[i], moment.ISO_8601);
var tempcurrentDate = moment.parseZone(data.x[i + 1], moment.ISO_8601)
if (templastdate.year() != tempcurrentDate.year()) {
lastyearlastBillDate = templastdate;
newYearFirstBillDate = tempcurrentDate;
isyearChange = true;
}
}
if (!isyearChange) return;
var xNodes = d3.selectAll(currentDisplayedDivId).selectAll('tspan').filter(function () {
return d3.select(this).text() ===
newYearFirstBillDate.format("MMM DD");
}).nodes();
if (xNodes.length == 0) return;
var newdatespantransform = xNodes[0].parentNode.parentNode.getAttribute('transform');
var newdatespantransform
var newDatexoffset = newdatespantransform.split('(')[1].split(',')[0].split(')')[0];
var lastyeardatespantransform = d3.selectAll(currentDisplayedDivId).selectAll('tspan').filter(function () {
return d3.select(this).text() ===
lastyearlastBillDate.format("MMM DD");
})
.nodes()[0].parentNode.parentNode.getAttribute('transform');
var lastDatexoffset = lastyeardatespantransform.split('(')[1].split(',')[0].split(')')[0];
var daysdifference = (newYearFirstBillDate - lastyearlastBillDate) / (1000 * 60 * 60 * 24);
var newyeardiff = Math.ceil((newYearFirstBillDate - moment.parseZone(new Date(newYearFirstBillDate.year(), 0, 1), moment.ISO_8601)) / (1000 * 60 * 60 * 24));
var newxOffset = newDatexoffset - ((newDatexoffset - lastDatexoffset) / daysdifference * newyeardiff);
var x = d3.selectAll(currentDisplayedDivId).selectAll('.c3-xgrid-lines');
// if (x.selectAll('.c3-xgrid-line').nodes().length <8) {
x.append('g').attr("class", "c3-xgrid-line text-line-year");
var y = d3.selectAll(currentDisplayedDivId).selectAll('.c3-xgrid-lines').selectAll('.c3-xgrid-line');
y.append('line').attr("x1", newxOffset).attr("x2", newxOffset).attr("y1", "0").attr("y2", "286").style("opacity", 1);
y.insert('rect', 'text').attr("class", "line-rect")
.attr("width", '35')
.attr('height', '15')
.attr('x', newxOffset)
.attr('y', 0);
y.append('text').attr("text-anchor", "end").attr("transform", "")
.attr("x", newxOffset + 32).attr("y", "16").attr('dx', -4).attr('dy', -5).style("opacity", 1).text(newYearFirstBillDate.format("YYYY")) // udpate
// }
}
function getSeparatorValue(startDatestring, endDatestring) {
var startDate = new Date(startDatestring);
var endDate = new Date(endDatestring);
var separatorvalue = null;
if (startDate.getFullYear() != endDate.getFullYear()) {
separatorvalue = new Date(endDate.getFullYear(), 0, 1);
}
return separatorvalue;
}
window.UsageGraph = UsageGraph;
function createHtml(selector) {
var container = " ‹ › Peak and off-peak hours apply
![Error Image](" + errorimagepath + ")
We Can’t Get This Data Right Now
Sorry. There seems to be a problem on our end. Refresh the page or try again at a later time.
If you're using Safari, please allow third-party cookies from conEd.com in your browser settings, or use a different browser.
Usage is based on when you use electricity. To lower your usage, shift the use of large electric devices to off-peak hours.
Learn more.