Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Grid lines overlaps floating legend

See original GitHub issue

Bug report

Codepen

https://codepen.io/ashlanderr/pen/VwaGpVa

Explanation

What is the behavior you expect?

Floating legend should be in front layer. It must not be overlapped by the rest of the chart.

What is happening instead?

The legend is under the grid lines of the chart:

With single series I can use offsetY to shift the legend, but with multiple and unknown number of series that doesn’t work. I tried to use the z-index property, but it doesn’t work in SVG.

Issue Analytics

State:
Created 3 years ago
Reactions:2
Comments:6 (4 by maintainers)

Top GitHub Comments

3reactions

ashlanderrcommented, Oct 5, 2020

Hello. Is there any updates about the issue? Maybe I can help fix it?

1reaction

junedchhipacommented, Sep 20, 2020

@KylePinkerton Thanks for the heads up. I was going to release a new version in a few hours and this really helped. Looking into this.

Top Results From Across the Web

How to draw grid lines behind matplotlib bar graph

You can use the following code to set the gridlines behind the plot. ax.set_axisbelow(True) ax.grid(color='gray', linestyle='dashed').

Working with legends

Multiple legends per guide; Legends are placed under axis lines ... Shared legend across multiple plot; Shared legend with grid.arrange; More examples.

Resolve Overlapping - DevExtreme - DevExpress

In multi-series charts, point labels often overlap. To decide how to resolve overlapping, employ the resolveLabelOverlapping property.

ybar overlaps axis line (and xtick removal) - TeX

To have axis lines on top but show the grid behind the bars, ... (or use x tick style={draw=white}) area legend, scale only...

Axes Labels Overlap | FlexChart | ComponentOne - GrapeCity

Axes Labels Overlap. In This Topic. Trim or Wrap Axis Labels; Staggered Axis Lines. In case there are less number of data points...