Mqtt sensor history - no graphics appear

I’m using a docker that publishes a JSON by MQTT (dwinks/pwrstat_docker)

{"Model Name": "CP900EPFCLCD", "Firmware Number": "000000000000", "Rating Voltage": "230 V", "Rating Power": "540 Watt", "State": "Normal", "Power Supply by": "Utility Power", "Utility Voltage": "242 V", "Output Voltage": "242 V", "Battery Capacity": "100 %", "Remaining Runtime": "78 min", "Load ": "27 Watt(5 %)", "Line Interaction": "None", "Test Result": "Unknown", "Last Power Event": "None"}

     - name: Cyberpower-Model Name
       state_topic: "sensors/basement/power/ups"
       value_template: "{{ value_json['Model Name'] }}"
       qos: 0
     - name: Cyberpower-State
       state_topic: "sensors/basement/power/ups"
       value_template: "{{ value_json['State'] }}"
       qos: 0
     - name: Cyberpower-Output Voltage
       state_topic: "sensors/basement/power/ups"
       value_template: "{{ value_json['Output Voltage'] }}"
       qos: 0
     - name: Cyberpower-Battery Capacity
       state_topic: "sensors/basement/power/ups"
       value_template: "{{ value_json['Battery Capacity'] }}"
       qos: 0
     - name: Cyberpower-Remaining Runtime
       state_topic: "sensors/basement/power/ups"
       value_template: "{{ value_json['Remaining Runtime'] }}"
       qos: 0
     - name: Cyberpower-Load
       state_topic: "sensors/basement/power/ups"
       value_template: "{{ value_json['Load'] }}"

But it happens that when I click on the entity, only state changes appear
I already added “unit_of_measurement” the entity becomes unavailable
what could i be doing wrong?

image
I wanted to get something like this
image

I think you may need a device_class set.

    - name: Cyberpower-Battery Capacity
      state_topic: "sensors/basement/power/ups"
      value_template: "{{ value_json['Battery Capacity'] }}"
      qos: 0
      device_class: battery

same problem “unknown”
just changed the icon of the entity