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

API methods

Did this answer your question?