Home Forums Chart Support about chart scroll

about chart scroll

Viewing 2 posts - 1 through 2 (of 2 total)
  • #41894

    how to create y-axis slider on canvas js on mouse slide



    Adding scroller to y-axis is not available as a built-in feature as of now. However, you can place JQuery UI slider vertically to achieve the same as shown in the code-snippet below,

      range: true,
      orientation: "vertical",
      min: chart.axisY[0].get("minimum"),
      max: chart.axisY[0].get("maximum"),
      values: [ 50, 100 ], //Default zoom state
      slide: function( event, ui ) {
          chart.axisY[0].set("viewportMinimum", ui.values[0], false);
        chart.axisY[0].set("viewportMaximum", ui.values[1]);    

    Please take a look at this JSFiddle for an example along with complete code.

    Line Chart with JQuery UI Vertical Slider

    Adithya Menon
    Team CanvasJS

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.