scroll bars to webix graph

Webix JS
#1

i want to add scroll bar to webix graph so that when the data increases the user can scroll and view. Now the y axis indexes are getting overlaped due to increase in the data

#2

Charts are rendered as HTML canvas. Elements of data representation are limited by the chart container and cannot overflow it.

The simplest solution here is to rely on the default auto-sizing of the yAxis.

As an illustration, please check https://webix.com/snippet/0483dfc4
In the snippet, try to set different values in ‘sales’ column of the grid.

Otherwise, you can apply define+refresh with your own yAxis configuration:

$$("chart").define("yAxis", {
  start:0, step:25, end:200
});
$$("chart").refresh()
#3

You can wrap your chart into the Scrollview with “x” scrolling mode. In this case you will have to set some fixed width to the chart component: https://webix.com/snippet/4714238f

Alternatively, you can couple the chart with a Rangechart (Pro) to view a particular portion of data: https://docs.webix.com/samples/60_pro/12_rangechart/01_basic.html