in source/web_site/js/dash.js [551:601]
function makeAllEventsLineChart(items){
dt = new Date(items[0].EVENTTIMESTAMP);
console.log("Making all events line chart");
//if there are no ticks or if the tick is not already in the array, add it
if(all_events_chart_time_ticks.length == 0 || all_events_chart_time_ticks.indexOf(items[0].EVENTTIMESTAMP)==-1){
all_events_chart_time_ticks_display.push(dt.toTimeString().split(' ')[0]);
all_events_chart_time_ticks.push(items[0].EVENTTIMESTAMP);
}
//go through each item and add up the number of events
var total_events = 0;
for(var j=0;j < items.length;j++)
{
total_events += items[j].UNITVALUEINT;
console.log(items[j].METRICITEM + ' items ' + items[j].UNITVALUEINT);
console.log('TOTAL_EVENTS = ' + total_events);
}
all_events_chart_dataset_data.push(total_events);
if(all_events_chart_time_ticks.length>60){ //cull data over 60 data points (10 min)
all_events_chart_time_ticks.shift();
all_events_chart_time_ticks_display.shift();
all_events_chart_dataset_data.shift();
}
//build the data for the chart
var chart_dataset = [{
label: "All Events Count",
fill: true,
spanGaps: true,
backgroundColor: "rgba(255,153,0,0.4)",
borderColor: "rgba(255,153,0,0.4)",
data: all_events_chart_dataset_data
}];
var elem = document.getElementById("all_events_count");
var ctx = elem.getContext("2d");
elem.chart && elem.chart.destroy();
var config = {
type: "line",
data: {labels: all_events_chart_time_ticks_display , datasets: chart_dataset },
options: {
legend: {
display: false
},
responsive: true
}
};
var chart = new Chart(ctx,config);
elem.chart = chart;
}