Mini-graph-card: Threshold colors not correctly shown on iphone when 2 graphs on a page

Created on 14 Feb 2019  路  6Comments  路  Source: kalkih/mini-graph-card

On my iPhone with the HA app, the threshold colors of the graph 1 get the colors of graph 2. Where on my desktop PC the colors are shown correctly.

This is the screenshot from my desktop:
mini-graph-card

And from my phone:
mini-graph-card-iphone

As you can see the dots show the correct colors, just the line isn't.

The card is now in a horizontal-stack, but when I remove them from that stack it still shows the same colors.
Graph 1 does show the correct colors when I remove graph 2 from the view.

Any ideas if this can be fixed?

bug

Most helpful comment

Found the issue (I think), should be resolved in the next release!

All 6 comments

Thanks, could reproduce it in Safari.
Conflicting references in the SVG elements (the gradients) most likely.

Found the issue (I think), should be resolved in the next release!

New release v0.3.0 now available with a fix for this.

@gerard33 could you please share the code for that card, i can't figure out at once how to make that min max temps on the card? thnx

@nardev you can use extrema: true for that -> https://github.com/kalkih/mini-graph-card#available-show-options

@nardev you can use extrema: true for that -> https://github.com/kalkih/mini-graph-card#available-show-options

ou, thnx, i confused it with aggregation .. completely was lost at first sight. Thnx.

And by the way, is there a way to hide the start / end time and date whyn showing the extrema values?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Joezi79 picture Joezi79  路  4Comments

QkulleQ picture QkulleQ  路  7Comments

tomecki88 picture tomecki88  路  8Comments

PipeDeveloper picture PipeDeveloper  路  4Comments

clydefrog76 picture clydefrog76  路  6Comments