Feature Request: resizeable Annotations

Hi rrag, it is possible to resize the annotations? Let say I am going to show daily transactions on a candlestick chart. Buys will be shown above the candle and sells are under the cancle, just like the triangles shown in here (impleted by my repo). I try to use the Annotation, but the size of the annotations will not be resized if I zoom in or out, as a result, annotations will become overlaped.

[rrag]

added example for annotations, but these are not resizable. I dont think they should be. but the annotation does receive the following props, so any custom component can use this to size it accordingly

xScale={xScale}
yScale={yScale}
xAccessor={xAccessor}
plotData={plotData}
datum={d}

[WaiSiuKei]

I dropped React and impleted a pure canvas chart, the main dependency is d3.scale