Bar chart with different unit of measurement

[wergio]

Hi, I've this bar chart with different unit of measurement the °Ch one is strangely shrinked... see red circle... if I change it also to kWh is ok but I need a different unit!!!

code:

type: custom:plotly-graph
title: Carico Termico
hours_to_show: 7d
autorange_after_scroll: true
refresh_interval: auto
entities:
  - entity: sensor.carico_termico_esterno_integrale
    name: Carico Termico Esterno
    unit_of_measurement: °Ch
    filters:
      - delta
    type: bar
    texttemplate: "%{y}"
    statistic: state
    period: day
    hovertemplate: |
      $ex {
        return `<b>${getFromConfig(".name")}</b><br>%{x|%a %e %B %Y}<br><b>%{y:.2f}</b> ${getFromConfig(".unit_of_measurement")}<extra></extra>`
      }; 
  - entity: sensor.templari_p1_output_termico_riemann_total
    name: Energia Termica PdC P1
    unit_of_measurement: kWh
    filters:
      - delta
    type: bar
    texttemplate: "%{y:.1f}"
    statistic: state
    period: day
    hovertemplate: |
      $ex {
        return `<b>${getFromConfig(".name")}</b><br>%{x|%a %e %B %Y}<br><b>%{y:.2f}</b> ${getFromConfig(".unit_of_measurement")}<extra></extra>`
      };   
  - entity: sensor.templari_pt_output_termico_riemann_total
    name: Energia Termica PdC PT
    unit_of_measurement: kWh
    filters:
      - delta
    type: bar
    texttemplate: "%{y:.1f}"
    statistic: state
    period: day
    hovertemplate: |
      $ex {
        return `<b>${getFromConfig(".name")}</b><br>%{x|%a %e %B %Y}<br><b>%{y:.2f}</b> ${getFromConfig(".unit_of_measurement")}<extra></extra>`
      };       
defaults:
  yaxes:
    fixedrange: true
layout:
  height: 300
  dragmode: pan
  showlegend: false
  modebar:
    remove:
      - zoom
      - autoscale
      - pan
  hoverlabel:
    bgcolor: white
  yaxis:
    fixedrange: true
  xaxis:
    showgrid: false

thanks

[dbuezas]

instead of changing the unit of measurement, add yaxis: y to all entities

[wergio]

works! but i lose the double axis!
I specified yaxis: y2 for 2nd and 3rd entity to make it appear again and now I'm almost there: I need only the blue bar to be on the side and not behind, is it possibile? thanks

code:

type: custom:plotly-graph
title: Carico Termico
hours_to_show: 7d
autorange_after_scroll: true
refresh_interval: auto
entities:
  - entity: sensor.carico_termico_esterno_integrale
    name: Carico Termico Esterno
    unit_of_measurement: °Ch
    yaxis: y
    filters:
      - delta
    type: bar
    texttemplate: "%{y}<br>°Ch"
    statistic: state
    period: day
    hovertemplate: |
      $ex {
        return `<b>${getFromConfig(".name")}</b><br>%{x|%a %e %B %Y}<br><b>%{y:.2f}</b> ${getFromConfig(".unit_of_measurement")}<extra></extra>`
      }; 
  - entity: sensor.templari_p1_output_termico_riemann_total
    name: Energia Termica PdC P1
    unit_of_measurement: kWh
    yaxis: y2
    filters:
      - delta
    type: bar
    texttemplate: P1<br>%{y:.1f}<br>kWh
    statistic: state
    period: day
    hovertemplate: |
      $ex {
        return `<b>${getFromConfig(".name")}</b><br>%{x|%a %e %B %Y}<br><b>%{y:.2f}</b> ${getFromConfig(".unit_of_measurement")}<extra></extra>`
      };   
  - entity: sensor.templari_pt_output_termico_riemann_total
    name: Energia Termica PdC PT
    unit_of_measurement: kWh
    yaxis: y2
    filters:
      - delta
    type: bar
    texttemplate: PT<br>%{y:.1f}<br>kWh
    statistic: state
    period: day
    hovertemplate: |
      $ex {
        return `<b>${getFromConfig(".name")}</b><br>%{x|%a %e %B %Y}<br><b>%{y:.2f}</b> ${getFromConfig(".unit_of_measurement")}<extra></extra>`
      };       
defaults:
  yaxes:
    fixedrange: true
layout:
  height: 300
  dragmode: pan
  showlegend: false
  modebar:
    remove:
      - zoom
      - autoscale
      - pan
  hoverlabel:
    bgcolor: white
  yaxis:
    fixedrange: true
  xaxis:
    showgrid: false

[dbuezas]

Yes, I suggest you look for plotly docs (not this card but the plotting library itself)

[wergio]

thanks for the tip! found a solution with "offsetgroup"

working code:

type: custom:plotly-graph
title: Carico Termico
hours_to_show: 7d
autorange_after_scroll: true
refresh_interval: auto
entities:
  - entity: sensor.carico_termico_esterno_integrale
    name: Carico Termico Esterno
    unit_of_measurement: °Ch
    yaxis: "y"
    offsetgroup: 1
    filters:
      - delta
    type: bar
    texttemplate: "%{y}<br>°Ch"
    statistic: state
    period: day
    hovertemplate: |
      $ex {
        return `<b>${getFromConfig(".name")}</b><br>%{x|%a %e %B %Y}<br><b>%{y:.2f}</b> ${getFromConfig(".unit_of_measurement")}<extra></extra>`
      }; 
  - entity: sensor.templari_pt_output_termico_riemann_total
    name: Energia Termica PdC PT
    unit_of_measurement: kWh
    yaxis: y2
    offsetgroup: 3
    filters:
      - delta
    type: bar
    texttemplate: PT<br>%{y:.1f}<br>kWh
    statistic: state
    period: day
    hovertemplate: |
      $ex {
        return `<b>${getFromConfig(".name")}</b><br>%{x|%a %e %B %Y}<br><b>%{y:.2f}</b> ${getFromConfig(".unit_of_measurement")}<extra></extra>`
      };       
  - entity: sensor.templari_p1_output_termico_riemann_total
    name: Energia Termica PdC P1
    unit_of_measurement: kWh
    yaxis: y2
    offsetgroup: 2
    filters:
      - delta
    type: bar
    texttemplate: P1<br>%{y:.1f}<br>kWh
    statistic: state
    period: day
    hovertemplate: |
      $ex {
        return `<b>${getFromConfig(".name")}</b><br>%{x|%a %e %B %Y}<br><b>%{y:.2f}</b> ${getFromConfig(".unit_of_measurement")}<extra></extra>`
      };         
defaults:
  yaxes:
    fixedrange: true
layout:
  height: 300
  dragmode: pan
  showlegend: false
  modebar:
    remove:
      - zoom
      - autoscale
      - pan
  hoverlabel:
    bgcolor: white
  yaxis:
    fixedrange: true
  yaxis2:
    fixedrange: true
  xaxis:
    showgrid: false