Plotly interactive Graph Card

[mateine]

@sveni_lee

  - entity: ""
    name: SCOP
    mode: markers
    fn: |
      $fn ({ vars }) => {
        const y = [];
        const input = vars.energy_input.ys;
        const output = vars.energy_output.ys;
        let inlen = input.length;
        for (let i = 0; i < inlen; i++) {
          const scop = output[i] / input[i];
          y.push(Math.round(parseFloat(scop) * 100) / 100);
        }
        
        const x = vars.energy_input.xs        
        vars.x = x;
        vars.y = y;
        console.log("y", y);
        console.log("x", x);
      }

It’s because you are expecting vars to be interpreted as the x and y parameters of the entity.

Try with this instead:

  - entity: ""
    name: SCOP
    mode: markers
    y: |
      $fn ({ vars }) => {
        const y = [];
        const input = vars.energy_input.ys;
        const output = vars.energy_output.ys;
        let inlen = input.length;
        for (let i = 0; i < inlen; i++) {
          const scop = output[i] / input[i];
          y.push(Math.round(parseFloat(scop) * 100) / 100);
        }
        return y
      }
    x: $ex vars.energy_input.xs

You could even make y a bit more compact too:

    y: |
      $ex vars.energy_output.ys.map((o, i) =>
        Math.round(o / vars.energy_input.ys[i] * 100) / 100
      )

[mateine]

You could also do it with filters instead

  - entity: ""
    name: SCOP
    mode: markers
    filters:
      - load_var: energy_output
      - map_y: "Math.round(y/vars.energy_put.ys[i] * 100) / 100"

[sveni_lee]

works perfect… thank you!