Reset button

• August 13, 2021 at 3:05 pm #35109
  
  malvika

  I want the reset functionality in a custom button click.
  document.getElementsByClassName(‘canvasjs-chart-toolbar’)[0].children[1].click()

  The above solution works only for the first time . But, if you want to Zoom-in and reset it again it does not work.

  August 13, 2021 at 7:03 pm #35116
  
  Vishwas R

  @malvika,

  You can reset the axis range programmatically by setting viewportMinimum & viewportMaximum to null. Please refer to the code-snippet below which shows how to reset the axis range on button click.

  document.getElementById("resetChart").addEventListener("click", function() {
    chart.axisX[0].set("viewportMinimum", null, false);
    chart.axisX[0].set("viewportMaximum", null);
  });

  Please take a look at this JSFiddle for complete code.
  

  —
  Vishwas R
  Team CanvasJS