Zoom/change Y axis min and max on range select

[Andreas von Buchwald]

How can this be done? It’s impossible to look at minute wise data in chart because the axis min and max is so large… I see that zoom is not an option available on stockcharts…

[Adithya Menon]

@avb,

Zooming is available in the individual charts of the StockChart, but with minor difference in the behavior. In StockChart, panning is enabled by default. You can enable zooming in chart by setting zoomEnabled property to true. Please refer to this documentation page for more information along with a live example.

—
Adithya Menon
Team CanvasJS

[Andreas von Buchwald]

This works when there is only one stockchart in a view. We’re rendering 5 different charts and zoom doesn’t work…
Unable to post video link for reference…

[Manoj Mohan]

@avb,

Zooming seems to be working fine on enabling zoom in individual charts in stockchart. Please take a look at this JSFiddle for working sample on the same.

If you are still facing the issue, kindly share the JSFiddle reproducing the issue you are facing so that we can look into your options passed to the chart, understand your scenario better and help you out.

—-
Manoj Mohan
Team CanvasJS

[Andreas von Buchwald]

I’m unable to make posts with links to jsfiddle? The end link for my fiddle is vzg5r182/3

[Andreas von Buchwald]

Have generated the jsfiddle – https://jsfiddle.net/vzg5r182/3

[Manoj Mohan]

@avb,

As mentioned in the previous reply, you can enable zooming in the individual charts of stockchart by setting zoomEnabled to true. Please take a look at code snippet below.

.
.
.
charts: [{
  zoomEnabled: true,
  axisX: {
    crosshair: {
      enabled: true,
      valueFormatString: "MMM DD, YYYY HH:mm:ss"
    }
  }
.
.
.

Also check out this updated JSFiddle for the example.

—
Manoj Mohan
Team CanvasJS