react-vis v0.8.0 Release Notes
-
🚀 This release adds two new props (and set of illustrative examples) to Hint component:
align
andgetAlignStyle
.align
(replacingorientation
prop) is an object with two props —horizontal
andvertical
— and set of values that support existing and new hint placement: a) around a data point in one of four quadrants (imagine the point bisected by two axes — vertical, horizontal — creating 4 quadrants around a data point). b) New: pin to an edge of chart/plot area and position along that edge using data point's other dimension value.💅 Developers wanting total control can use the
getAlignStyle(align, x, y)
function that returns an inline style object with one or more of the following props (left, right, top, bottom
).🚀 The
orientation
prop is supported for backwards compatibility but will be deprecated in future release.👀 See the following figure explaining the two props (
horizontal, vertical
) for thealign
prop object. 🍱