Card hiển thị điện năng lượng mặt trời trên Home Assistant

🧭 tb-energy-flow-card

"Hiển thị trực quan dòng điện năng lượng mặt trời trong Home Assistant. Hỗ trợ inverter, lưới, pin, vi mô, tải..."

🔧 Tính năng chính

• "Sơ đồ năng lượng dạng SVG với layout cố định, đẹp mắt."
• "Hiển thị 5 thành phần: Solar, Grid, Battery, Micro Inverter, Load."
• "Hoạt ảnh dòng điện chạy theo chiều thực tế, có thể đảo chiều với Grid và Battery."
• "Line và highlight có thể tùy chỉnh màu sắc."
• "Hỗ trợ Dark mode."
• "Cho phép đổi tên, biểu tượng, hình ảnh, font size, vị trí từng thành phần."
• "Hỗ trợ ảnh Inverter trung tâm và tùy chỉnh kích thước."

⚙️ Cài đặt

"Các bạn truy cập vào mục HACS của Home Assistant mình, bấm vào nút 3 chấm bên phải, chọn thêm kho lưu trữ tùy chỉnh"

"Dán liên kết này vào dòng kho lưu trữ với kiểu loại là bảng điều khiển. Sau đó bấm thêm"

https://github.com/tongtbgl/tb-energy-flow-card

"Sau khi thêm xong tìm tb energy flow card sẽ hiện ra cho bạn tải về."

Code mẫu

type: custom:tb-energy-flow-card
show_micro: true
show_solar2: true
solar: sensor.esp_inverter_pv1_power
solar2: sensor.esp_inverter_pv2_power
grid: sensor.esp_inverter_grid_ct_power
battery: sensor.esp_inverter_battery_power
entity_micro: sensor.esp_inverter_aux_power
load: sensor.esp_inverter_load_power
soc: sensor.soc_giao_tiep
grid_status: binary_sensor.esp_inverter_grid_connected_status
grid_status_x: 520
grid_status_y: 180
name_solar: String 1
name_solar2: String 2
name_grid: Lưới EVN
name_battery: Pin
name_micro: Deye OnGrid
name_load: Sử dụng
image_solar: >-
  https://png.pngtree.com/png-vector/20240720/ourmid/pngtree-sustainable-solar-water-pump-on-transparent-background-png-image_12963933.png
image_solar2: >-
  https://png.pngtree.com/png-vector/20240720/ourmid/pngtree-sustainable-solar-water-pump-on-transparent-background-png-image_12963933.png
image_grid: >-
  https://png.pngtree.com/png-vector/20250105/ourmid/pngtree-d-model-of-a-steel-transmission-tower-with-power-lines-on-png-image_15054625.png
image_battery: https://bachtran.net/ha/img/battery.png
image_micro: https://tpenergy.com.vn/wp-content/uploads/2023/10/3-1-1.png
image_load: https://bachtran.net/ha/img/home.png
inverter_image: https://bachtran.net/wp-content/uploads/2025/07/deye1.png
line_color: "#ededed"
line_width: 3
dot_color: "#34eb49"
invert_grid: true
invert_battery: true
decimal_precision: false
dot_size: 8
animation_duration: auto
image_y_offset_top: -50
image_y_offset_bottom: -95
image_size_top: 100
image_size_bottom: 150
inverter_image_width: 800
inverter_image_height: 200
label_y_offset_top: -50
value_y_offset_top: -75
label_y_offset_bottom: 90
value_y_offset_bottom: 65
font_size_label: 18
font_size_value: 25
font_weight_value: 1000
temp:
  ac: sensor.esp_inverter_radiator_temperature
  dc: sensor.esp_inverter_dc_transformer_temperature
temp_position:
  ac:
    x: 380
    "y": 330
  dc:
    x: 220
    "y": 330
temp_font:
  size: 12
  weight: normal

Các kiểu hiển thị khác

Có 2 PV

"Cách làm là thay đổi link hình ảnh và thực thể của micro inverter thành hình ảnh của String PV với thực thể PV2"

Không có micro inverter

"Cách làm chỉnh lại show_micro: true thành show_micro: false"

Tùy chỉnh

"Các bạn có thể tùy chỉnh các thông số"

Ủng hộ tôi để có thêm động lực phát triển:

"https://bachtran.net/donate/ Cảm ơn các bạn"