[Question] Can the y axis be set on a range?

[TheTimKiely]

I've done some digging, but I haven't found how to set the y axis on a region.
I have a time series dataset with some boolean data points that I'd like to display as regions. If values overlap on the x axis, the chart gets difficult to read.
I'd like to "stack" the different datapoint on the y axis, so that they don't overlap.

Is this in anyway possible with billboard.js? Could I set a region's y values in a callback?

Thanks

[netil]

Hi @TheTimKiely, could you provide some visual example to get more undestanding about it?

[TheTimKiely]

I was thinking of something like this:

The green and blue rectangles at the bottom would be regions that have y values of something like 0-10 and 10-20. This way I could "stack" different boolean data points without them obscuring each other. Since the data points are boolean, the y value is not significant so it can be used for layout.

Another approach that occurs to me is adding a secondary chart with the same x axis. Something like what matplotlib supports with subplots:

Does that make sense?
Thanks again!

[netil]

@TheTimKiely, it can't be implemented by one instance.
to achieve this, it needs generate multiple chart instances as you need to stack

https://jsfiddle.net/netil/k2eaLs7q/

[TheTimKiely]

Thanks. And is setting the 'y' axis values on a range not an option?
-Tim

[netil]

And is setting the 'y' axis values on a range not an option?

It means the way to not set y axis value range as below?

axis: {
  y: {
    tick: {
      values: [-1, 0, 1]
    }
  }
}

If so, you can, but the y axis value will show the range of data range bound.

If your data's range are -1 ~ 1, it's better specifying y tick values to simplify readability.