# Graphical/Bar display for kWhPeriod

**URL:** <https://community.openenergymonitor.org/t/graphical-bar-display-for-kwhperiod/20880>\
**Category:** Emoncms\
**Tags:** development, dashboards\
**Created:** [14 July 2022 19:47 UTC](https://community.openenergymonitor.org/t/graphical-bar-display-for-kwhperiod/20880 "2022-07-14T19:47:01Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![Bill.Thomson](https://community.openenergymonitor.org/user_avatar/community.openenergymonitor.org/bill.thomson/32/1834_2.png) [@Bill.Thomson](https://community.openenergymonitor.org/u/Bill.Thomson)\
**Post date:** [31 August 2022 14:12 UTC](https://community.openenergymonitor.org/t/graphical-bar-display-for-kwhperiod/20880/4 "2022-08-31T14:12:05Z")

</div>

If you run _Grafana_ a multi-series barchart can be done easily and quickly.  
I gave it a shot to see what’s involved. Took less than five minutes to produce two charts:.

 ![barchart](https://community.openenergymonitor.org/uploads/default/original/3X/a/0/a021860f739d2c6d45f9592464918aa33ffdde8a.jpeg)

Stacking the values adds only three mouse clicks to the procedure.

 ![image](https://community.openenergymonitor.org/uploads/default/original/3X/0/8/08278dbeed9f7d68464324a7fd2d23ccb85f9395.png)

Hovering the mouse over a bar in either chart pops up a detail for that bar.

Same data with a line chart:

 ![image](https://community.openenergymonitor.org/uploads/default/original/3X/8/e/8e9ee480d19d9f225233e3114492b56064e7a043.jpeg)

and again with only points:

 ![image](https://community.openenergymonitor.org/uploads/default/original/3X/a/8/a830819ed16457ad50edc33ada586f59c63463f0.png)

As with the bar charts, hovering the mouse pops up the data detail. I used a different method to capture the screens of the 3rd and 4th shots. The legend wasn’t captured along with the rest of the  
shot. That’s why it, and the detail pop-up, are missing in those two pics.

Forum user Oleg has created a nice emonCMS/Grafana “interface.”

> [@Grafana dashboard with direct access to emonCMS data](https://community.openenergymonitor.org/t/grafana-dashboard-with-direct-access-to-emoncms-data/17273):
>
> Hello all, I’m here to share with you how configure grafana to direct access to emoncms data. For this you need to use [MARCUSOLSSON-JSON-DATASOURCE](https://github.com/marcusolsson/grafana-json-datasource) with this configuration: Value of Header Authorization = Bearer APIKEY. Next step, config your panel: [image] with params: [image] where id is feed id in emoncms. sorry for my english. slight_smile

---

_[View the full topic](https://community.openenergymonitor.org/t/graphical-bar-display-for-kwhperiod/20880)._