Specify the name of the chart item from the sensor attribute

[Jebarson]

I am trying to put a donut chart and I would appreciate if someone could help me get to the last mile.

And the config is as below.

I want the name to be the friendly name of the sensor. However, I am unable to specify them through "{" or through formatter or through or something like below.

name: >
[[[ return states['sensor.em16_a2_power'].friendly_name
]]]

Is there any way I can accomplish that?

type: custom:apexcharts-card
chart_type: donut
header:
  title: Power Distribution
  show: true
apex_config:
  dataLabels:
    enabled: true
    formatter: |
      EVAL:(val, opts) => {
        const n = opts.w.globals.labels[opts.seriesIndex];
        return n + ' ' + val.toFixed(0) + ' W'
      }
  legend:
    show: false
  plotOptions:
    pie:
      donut:
        size: 65%
        labels:
          show: true
          name:
            show: true
          value:
            show: true
            formatter: |
              EVAL:(val) => val.toFixed(0) + ' W'
          total:
            show: true
            label: Total
            formatter: |
              EVAL:(w) => {
                const sum = w.globals.seriesTotals.reduce((a,b)=>a+b,0);
                return Math.round(sum) + ' W';
              }
series:
  - entity: sensor.em16_a2_power
    name: A2
  - entity: sensor.em16_a3_power
    name: A3
  - entity: sensor.em16_a4_power
    name: A4
  - entity: sensor.em16_a5_power
    name: A5
  - entity: sensor.em16_a6_power
    name: A6
  - entity: sensor.em16_b2_power
    name: B2
  - entity: sensor.em16_b3_power
    name: B3
  - entity: sensor.em16_b4_power
    name: B4
  - entity: sensor.em16_b5_power
    name: B5
  - entity: sensor.em16_b6_power
    name: B6
  - entity: sensor.em16_c1_power
    name: C1
  - entity: sensor.em16_c2_power
    name: C2
  - entity: sensor.em16_c3_power
    name: C3
  - entity: sensor.em16_c4_power
    name: C4
  - entity: sensor.em16_c5_power
    name: C5
  - entity: sensor.em16_c6_power
    name: C6
  - entity: sensor.unmeasured_power_consumed
    name: Unmeasured

[RomRider]

If you don't specify the name, the card should use the friendly_name by default.

[Jebarson]

While @RomRider has answered my question, I didnt have a friendly name but managed to get them to work by updating the label to

apex_config:
  dataLabels:
    enabled: true
    formatter: |
      EVAL:(val, opts) => {
        const total = opts.w.globals.seriesTotals.reduce((a,b)=>a+b,0);
        const rawVal = val * total / 100;
        const name = opts.w.globals.labels[opts.seriesIndex] || '';
        const roundVal = Math.round(rawVal) + ' W';
        return [name, roundVal]
      }