You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
92 lines
1.6 KiB
92 lines
1.6 KiB
var wfm = (function () {
|
|
var wfm = {};
|
|
|
|
function buildChart(samples, xlabel, ylabel) {
|
|
var data = [];
|
|
samples.forEach(function (a, i) {
|
|
data.push({x: i, y: a});
|
|
});
|
|
|
|
// Build the chart
|
|
var plugins = [];
|
|
var mql = window.matchMedia('screen and (min-width: 544px)');
|
|
var isPhone = !mql.matches;
|
|
|
|
if (!isPhone) {
|
|
// larger than phone
|
|
plugins.push(
|
|
Chartist.plugins.ctAxisTitle({
|
|
axisX: {
|
|
axisTitle: xlabel,
|
|
offset: {
|
|
x: 0,
|
|
y: 55
|
|
}
|
|
},
|
|
axisY: {
|
|
axisTitle: ylabel,
|
|
flipText: true,
|
|
offset: {
|
|
x: 0,
|
|
y: 15
|
|
}
|
|
}
|
|
})
|
|
);
|
|
}
|
|
|
|
new Chartist.Line('#chart', {
|
|
series: [
|
|
{
|
|
name: 'a',
|
|
data: data
|
|
},
|
|
]
|
|
}, {
|
|
showPoint: false,
|
|
// showArea: true,
|
|
fullWidth: true,
|
|
chartPadding: (isPhone ? {right: 20, bottom: 5, left: 0} : {right: 25, bottom: 30, left: 25}),
|
|
series: {
|
|
'a': {
|
|
lineSmooth: Chartist.Interpolation.none()
|
|
}
|
|
},
|
|
axisX: {
|
|
type: Chartist.AutoScaleAxis,
|
|
onlyInteger: true
|
|
},
|
|
axisY: {
|
|
type: Chartist.AutoScaleAxis,
|
|
//onlyInteger: true
|
|
},
|
|
plugins: plugins
|
|
});
|
|
}
|
|
|
|
function onRxData(resp, status) {
|
|
if (status != 200) {
|
|
// bad response
|
|
alert("Request failed.");
|
|
return;
|
|
}
|
|
|
|
var json = JSON.parse(resp);
|
|
if (!json.success) {
|
|
alert("Sampling failed.");
|
|
return;
|
|
}
|
|
|
|
buildChart(resp.samples, 'Sample Nr.', 'ADC value');
|
|
}
|
|
|
|
wfm.init = function() {
|
|
$('#load').on('click', function() {
|
|
var samples = $('#count').val();
|
|
|
|
$().get('http://192.168.1.13/api/raw.json?count='+samples, onRxData, true, true);
|
|
});
|
|
};
|
|
|
|
return wfm;
|
|
})();
|
|
|