diff --git a/aprsd/web/templates/index.html b/aprsd/web/templates/index.html index 68cc58b..aba197d 100644 --- a/aprsd/web/templates/index.html +++ b/aprsd/web/templates/index.html @@ -23,7 +23,8 @@ green: 'rgb(26, 181, 77)', blue: 'rgb(54, 162, 235)', purple: 'rgb(153, 102, 255)', - grey: 'rgb(201, 203, 207)' + grey: 'rgb(201, 203, 207)', + black: 'rgb(0, 0, 0)' }; function start_charts() { @@ -77,6 +78,16 @@ label: 'Messages Recieved', borderColor: window.chartColors.yellow, data: [], + }, + { + label: 'Ack Sent', + borderColor: window.chartColors.purple, + data: [], + }, + { + label: 'Ack Recieved', + borderColor: window.chartColors.black, + data: [], }], }, options: { @@ -116,6 +127,14 @@ chart.data.datasets[1].data.push(second); chart.update(); } + function updateQuadData(chart, label, first, second, third, fourth) { + chart.data.labels.push(label); + chart.data.datasets[0].data.push(first); + chart.data.datasets[1].data.push(second); + chart.data.datasets[2].data.push(third); + chart.data.datasets[3].data.push(fourth); + chart.update(); + } function update_stats( data ) { $("#version").text( data["version"] ); @@ -125,7 +144,7 @@ //$("#jsonstats").effect("highlight", {color: "#333333"}, 800); //console.log(data); updateDualData(memory_chart, data["time"], data["memory_peak"], data["memory_current"]); - updateDualData(message_chart, data["time"], data["stats"]["messages"]["sent"], data["stats"]["messages"]["recieved"]); + updateQuadData(message_chart, data["time"], data["stats"]["messages"]["sent"], data["stats"]["messages"]["recieved"], data["stats"]["messages"]["ack_sent"], data["stats"]["messages"]["ack_recieved"]); } function start_update() {