Ploty Graph with barchart

Configuration Frontend
1

Hi, just wonder how I could show bar chart instead of a traditional line graph in ploty graphs?
Tried different approach such as type: bar
but no success at the moment. Any help would be appreciated. Thank you - JJ

2

Examine the examples, e.g. here: Daily energy consumption using statistics · dbuezas/lovelace-plotly-graph-card · Discussion #131 (github.com)

3

Thank you so much. Helps somehow.
But still struggling with the lamda function, looks no longer to be support, how could I change them to filter? Tx JJ

    lambda: (ys) => ys.slice(0, -1)
  - entity: sensor.airco_beneden_hourly
    type: bar
    name: Current hour
    texttemplate: '%{y}'
    lambda: |-
      (ys,xs) => {
        const slicedx = xs.slice(-1)
        const slicedy = ys.slice(-1)
        slicedx[0].setMinutes(0)
        return {x:slicedx, y:slicedy};
4

Best stick to the large post… check here and re-raise if needed
Plotly interactive Graph Card - Share your Projects! / Dashboards & Frontend - Home Assistant Community (home-assistant.io)

5

Here’s how: GitHub - dbuezas/lovelace-plotly-graph-card: Highly customisable Lovelace card to plot interactive graphs. Brings scrolling, zooming, and much more!