Lovelace: mini graph card

[SeLLeRoNe (Andrea Iannucci)]

You need to open the dev-tools in the beowser, go on the network tab and filter by mini-graph

Click on the .js file and it will tell you the path (URL) where it is trying to donwload it to.
it should be something like:
http://192.168.0.1/local/mini-graph-card.js

/local identify your www folder, it can only be /local/ or /customcards/ if you’re using the custom_updater component.

If it’s different than that, you have something wrong in the config.
If it’s local/cards/mini-graph-card.js you need to place the file in www/cards/ inside your config folder.

Hope this helps

Andrea

[apt (Ade Thompson)]

I can’t seem to get it to display a bar graph as opposed to line, can anyone shed some light on this? running latest version.

[brent0np (Brenton)]

@yoni3210 what is the AC thermostat card? It looks awesome!

[kalkih (Karl Kihlström)]

@apt

I can’t seem to get it to display a bar graph

Your indentation is wrong, show should be on the same indentation level as type and entities.

[SeLLeRoNe (Andrea Iannucci)]

The “show:” part is not part of entities, it needs to be at the same “level” of entities:

entities:
  - entity lists
show:
  show options```

[SeLLeRoNe (Andrea Iannucci)]

I think he is using this:

Lovelace: Simple thermostat card

Driven by a want for a simpler thermostat card in terms of interactions and usability, that would also be more flexible and make information clearer I’ve built this card for Lovelace, simple-thermostat. I need to give a lot of credit to @magnus.overli as a faithful tester and having at least 50% of the needs that we’ve tried to cover with this card [59] As you can see the main difference is that it replaces the round dial with simple buttons and it presents relevant entity a…

[yoni3210 (yoni mo)]

Can you please send me the code?

[SeLLeRoNe (Andrea Iannucci)]

Sorry, what code are you referring to?
@maurizio53 did share the code here:

Lovelace: mini graph card

Sure, here it is… Before i was using card-modder, but now i am switching my themes with the two new variables. - type: horizontal-stack cards: - type: custom:mini-graph-card name: Balcone entities: - sensor.temperature_158d0001b95f60 hour24: true show: graph: false icon: true extrema: true fill: false align_state: left - type: custom…

[apt (Ade Thompson)]

Still not working when I do that.

[apt (Ade Thompson)]

Ok turns out even though tracker card said it was updated it want actually. I manually downloaded to get it working.

To clarify. If I am using tracker card do I still need to add the reference in the raw config editor?

[yoni3210 (yoni mo)]

SmartIR - Control your Climate, TV and Fan devices via IR/RF controllers

SmartIR is a component for controlling AC units, TV sets and fans via Infrared and RF controllers. An IR or RF controller such as Broadlink is required. The key features of the component are: Support for Base64, Broadlink Hex and Pronto codes. Support for external temperature and humidity sensors (Climate platform) Support for external on/off sensor that monitors whether your device is actually On or Off. This may be a power monitor sensor. Support for voice assistants. Component setup instr…

[krmzn]

Quick question regarding this instruction:
“ 1. Add a reference to mini-graph-card-bundle.js inside your ui-lovelace.yaml “

Do I have to make/use ui-lovelace.yaml or can I just add the reference to the top of the storage mode config using the raw config editor?

[DavidFW1960 (David)]

@krmzn

I just add the reference to the top of the storage mode config using the raw config editor?

Yes just add resources in the raw editor…

[Pablo_Gustavo_Fiscel (Pablo Gustavo Fiscella)]

Yes. I have access to file

[SeLLeRoNe (Andrea Iannucci)]

If you are using custom_updater do this:

Replace ?v=0.3.0
With:?track=true

Change /local/
With /customcards/

If you’re not using custom_updater remove the ?v=0.3.

Let me know

[ajoyce (Al)]

Sorry if this has been answered already, but is it possible to make the bar graph display absolute values rather than averaged values?

Case in point: I have a sensor that updates once a day with the previous day’s electricity usage. I would like a bar graph display of all of the last, say, 2 weeks worth of values with a single bar for each day. So I set my hours_to_include to 2 weeks and my values_per_hour to 1/24.

The problem is that the graph is dependent on the time it is viewed - if I view it at 10am, each bar will represent the average value from 10am to 10am on sequential days - so if on Tuesday it was 6, and on Wednesday it was 4, the bar will cover both Tuesday and Wednesday and display 5.

I could use a line graph - but I don’t want to

Any ideas how to circumvent this problem?

[ajoyce (Al)]

Sorry - I’ve just seen this, which relates to my question above. Has this been implemented or is it still in the works?

[kalkih (Karl Kihlström)]

Hey, I’m still playing around with it, the timestamps would get messed up so have to fix that.

I don’t see how that would be useful for your use case though.

Here’s an answer to a similar question as yours, there’s more info if you scroll through the thread.

@kalkih

This has been discussed quite a lot in this thread lately. The graph is based on a moving average and the time intervals are calculated from the time of page refresh, this is not ideal for every use case.

So to answer your question, no this is not really possible to achieve using this card.

[Pablo_Gustavo_Fiscel (Pablo Gustavo Fiscella)]

@SeLLeRoNe

?track=true

Thanks. I’m not use custom_updater. I remove ?v=0.3.0 and not work

[SeLLeRoNe (Andrea Iannucci)]

Can you try to use this code instead?

type: custom:mini-graph-card
entities:
  entity: sensor.temperature
  name: Temperature