Victory: VictoryTooltip Clipped by edge of chart

Created on 6 Nov 2017  路  3Comments  路  Source: FormidableLabs/victory

If a VictoryTooltip is shown close to the edge of chart, it might get clipped.

2017-11-06 11 41 21

Is it possible for the VictoryTooltip to be rendered outside of the chart container?

Most helpful comment

any idea if it is possible to add overflow: visible to the svg container using victory prop style={...}? https://codesandbox.io/s/jjp8p0751w

All 3 comments

You most probably have to add overflow: visible to the svg container. Or remove clip-path if existing.
https://stackoverflow.com/questions/1572587/allow-svg-graphics-to-overflow-outside-the-containing-svg-element

You're right. Looks like normalize.css was applying this rule:

svg:not(:root) {
    overflow: hidden;
}

which was messing with the svg container.

any idea if it is possible to add overflow: visible to the svg container using victory prop style={...}? https://codesandbox.io/s/jjp8p0751w

Was this page helpful?
0 / 5 - 0 ratings