The first candlestick in the figure is cut in half about techan.js HOT 2 CLOSED

Hi @sf-wind

What you're observing is currently by design. If you print out the zoomable state on that plot you will see the right extent is not a whole number, where the left extent is.

console.log(x.zoomable.domain());

// Output is
//  [33, 250.52]

All techanjs plots consider the midpoint of the plot object (such as candlestick) as the mapped x point on the range. So setting zoomable extent to an integer as is done in that example will cut the candle in half. This was a key decision in the early days of the library and has simplified other calculations and render logic. In order to get a full candle you could zoom an additional half index point:

// Cuts candle in half
zoomable.domain([indicatorPreRoll, data.length]); 

// Starts the plot between candles, getting a first full candle
zoomable.domain([indicatorPreRoll-0.5, data.length]); 

Note that on first initialise of the domain, the viewable domain is widened via the financescale.outerPadding variable. When setting a zoom extent, this is no longer applicable as the zoom takes over.

andre

from techan.js.

Closing due to no activity.

from techan.js.