net-monitor

net-monitor with live data

by Alexandre Fenyo

HTML

<script src="https://fenyo.net/net-monitor/javascript/public/net-monitor.bundle.min.js"></script>
<canvas id="myChart1" width="790" height="200"></canvas>

CSS

body {
    background-color: black;
}

JavaScript

var charts = {
		dispatchUrl: "https://fenyo.net/net-monitor/dispatch",
		views: [
			{
				id: "myChart1",
				topLabel: "INTERNET DOWNSTREAM",
				bottomLabel: "ingress",
				lifeTime: 30,
				dataSet: "freeboxDownstream"
			}
		]
}

var manager =  NetMonitor.manage(charts)
var chart = NetMonitor.getChart(manager, "freeboxDownstream")
chart.data.datasets[0].borderColor = Color("#FF0000").rgbString()
chart.data.datasets[0].backgroundColor = Color("#FF0000").rgbString()
chart.data.datasets[0].lineTension = 0
chart.options.scales.xAxes[0].gridLines.color = Color("#FFFFFF").alpha(0.2).rgbString()
chart.options.scales.yAxes[0].gridLines.color = Color("#FFFFFF").alpha(0.2).rgbString()