Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Updating from 0.3.0 to 0.6.0 fill no longer matching current line color_threshold definition #150

Closed
peterhoe opened this issue Sep 7, 2019 · 1 comment
Labels
duplicate This issue or pull request already exists

Comments

@peterhoe
Copy link

peterhoe commented Sep 7, 2019

Expected Output as follows using 0.3.0 “mini-graph-card-bundle.js”Output as follows using 0.3.0 “mini-graph-card-bundle.js”

0 3 0-graph

Output using 0.6.0 “mini-graph-card-bundle.js”

0 6 0-graph

Have tried amending show fill to true / false / fade, has not resolved. Also cleared cache during each change. Seems to work fine with 0.3.0.
In Ver 0.6.0 Fill always filling with same color regardless of line color. In version 0.3.0 fill would always display according to line color display as defined under color_thresholds

Entity definition as follows in ui-lovelace.yaml

`# mini graph card #

Spend Earn

      - type: custom:mini-graph-card
        name: Elec $ 36Hr inc 3.5c phr conn 1Hr Avg
        icon: mdi:currency-usd
        entities:
          - entity: sensor.elecspendearn60minaverage
            name: Elec Spend Hr Avg
        hours_to_show: 36
        points_per_hour: 30
        hour24: true
        height: 390
        line_width: 3
        line_color:
          - "#0ff"
        more_info: false
        show:
          labels: true
          fill: true
        color_thresholds:
          - value: 90
            color: "#f00"
          - value: 70
            color: "#f03"
          - value: 60
            color: "#f06"
          - value: 50
            color: "#f08"
          - value: 40
            color: "#d0f"
          - value: 30
            color: "#fa0"
          - value: 25
            color: "#fb0"
          - value: 20
            color: "#fc0"
          - value: 17
            color: "#fd0"
          - value: 15
            color: "#fe0"
          - value: 13
            color: "#ff0"
          - value: 11
            color: "#ef0"
          - value: 9
            color: "#0af"
          - value: 7
            color: "#0cf"
          - value: 1
            color: "#0ff"
          - value: -1
            color: "#0a0"
          - value: -3
            color: "#0b0"
          - value: -5
            color: "#0c0"
          - value: -7
            color: "#0d0"
          - value: -9
            color: "#0e0"
          - value: -33
            color: "#0f0"`
@kalkih
Copy link
Owner

kalkih commented Sep 7, 2019

Hey, thanks for the report, this is duplicate of #146 so I'll close this one.

Will be fixed in the next release where the fill will follow the gradients of the color thresholds (same as the line) e2a0fa5 as suggested in #112.

@kalkih kalkih closed this as completed Sep 7, 2019
@kalkih kalkih added the duplicate This issue or pull request already exists label Sep 7, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
duplicate This issue or pull request already exists
Projects
None yet
Development

No branches or pull requests

2 participants