Title and Legend Overlapping

[brennanmuir]

[Bascht74]

same here:

type: custom:plotly-graph
entities:
  - entity: number.eg_andrea_arbeitsraum_rechts_level
    name: Andrea
  - entity: number.eg_studio_klein_level
    name: Studio klein
  - entity: number.eg_studio_gross_level
    name: Studio groß
  - entity: number.eg_laden_theke_level
    name: Laden
  - entity: sensor.eg_martina_durchfluss
    name: Martina
title: Heizung EG
layout:
  height: 330
hours_to_show: 24

[Bascht74]

I just tried to add "pad" to layout->title but I have not figurered out how to use it. It would be great that if you use the default layout of your card, the padidng wil be added automatically it you use a title for the card.

[dbuezas]

The solution is

layout:
  margin:
    t: 70

But so many people have the same problem, that I just made it so that the extra margin is added automatically if there is a title.

[Bascht74]

could you donate some more pixels?

Right now it is still very narrow:

75 as standard would be better:

[dbuezas]

Hey @Bascht74 I think that's because you have a taller card, and in plotly the title is vertically positioned in percentage of height. Can you temporarily disable your height override and confirm? I may need to compute the top margin dynamically

[dbuezas]

Thanks for your PR unfortunately, it looks like I need to rework how titles and legends are positioned to avoid these overlapping issues completely

[Bascht74]

you are right:

200px

300px

400px

500px

So it seems more like the position of the legend that needs to be calculated...

[dbuezas]

You are right

[dbuezas]

Try v1.4.7 and let me know if it is anything but perfect now 😎