WebSocket API Google Charts for Home Assistant > 0.100

Share your Projects!
#1

A small project of mine to compare in real time diverse sensor values values using Google Charts.

Features

  • Can be used standalone of HASS;
  • Uses the new (as of Dec 2019) Long-Lived Access Token auth system;
  • Can be embedded as in iframe in lovelace;
  • Updates in real time;
  • Sortable by name or value;
  • Chart type can be changed on the fly (3 default options: column, bar, piechart - more can be added: read the comments in the state-card-gchart.html file);
  • Supports one more more entities (recomended to compare: power, temperature, humidity, mold etc.).
  • Could be also use as a weather forecast (disabling some of the options might be needed).
  • Highly customizable (styling, axes types, annotations etc.). Visit Google Charts for more information and options (ColumnChart, BarChart, PieChart).

830×607 216 KB

![](upload://xmNLt0TC1LobEEpDKkQXEPK6YMC.jpeg)

17 Likes
Templating: How do I get the identify the sensor with the largest/smallest value (from multiple sensors)?
Daily Graph?
#2

Hi,
i’m trying to use this with my home-assistant installation.
i’m running Home-Assistant on Ubuntu Server with VirtualEnv and getting this error in the ui:
“http://192.168.0.220:8123/bower_components/google-apis/google-legacy-loader.html” 404 not found.
What am i missing?

Thanks,

#3

Very nice @covrig what are you using to measure the energy consumption of all the entities?

#4

I am using the InfluxDB platform plus the InfluxDB Sensor. Cheers.

#5

Weird. Sounds like a issue with your installation. A bit difficult to debug without access to your machine.
Is this the only problem you have with your setup?

What javascript_version do you have in your frontend section? My platform won’t work on all versions.

#6

What hardware are you using to measure the usage? This is a cool idea

#7

Well, any hardware configuration is possible.
I am using a bunch of ZWave sockets (Aeotec, Fibaro).

#8

i was using VirtualEnv above ubuntu 16,
i have now installed a new and fresh Ubuntu 18 and reinstalled Home Assistant/
i’ll give it a try again.
Cheers,

#9

Hey - I am keen to get the pie chart to display within Lovelace - but I can only see the ‘groups’ method for choosing elements for display.

Is this ready for lovelace, and if so - what is the ‘card type’?

#10

Hello. Sadly, it isn’t ready for lovelace.
It is hard keeping up with the frequent changes in HASS (every other update breaks some custom tools). I will wait a bit until the situation normalizes and then update it. Sorry.

1 Like
#11

That’s really cool, I’ve been trying to do something similar with chart.js but have did not manage to get the HA data into JSON data. Would it work with a mysql (mariaDB) database?

#12

Why don’t you install InfluxDB and Grafana? You can create all the charts you want. Or you would like something in the HASS interface?

#13

I did get Grafana working but I’m after something a little more integrated with the UI, with realtime updates, etc. I’m still using the Old UI also so I’ll give this a try. I’ve just found that there is a mysql sensor I can use to I should be able to get MariaDB to work also.

#14

I updated the code to work with the new Long-Lived Access Token auth system.