The demo below uses an HTML input element of type="range" in conjunction with the ZingChart API. It will update the value of the graph as the <input> tag is changed. The relevant code is snippeted here, but see the full example below for all the details.
document.getElementById('updateChart').addEventListener('input', function(ev) {
var inputValue = ev.currentTarget.value;
document.getElementById('output').innerHTML = inputValue
zingchart.exec('myChart', 'setseriesvalues', {
plotindex:0,
values: [parseInt(inputValue)]
});
});
Example: https://demos.zingchart.com/view/ZEXN86JL
Documentation