Homeassisant 国网电力卡片美化

![图片.png](http://blog.cloud620.cn:6620/usr/uploads/2026/02/1606702014.png)

参考链接：[https://bbs.hassbian.com/thread-31098-1-1.html](https://bbs.hassbian.com/thread-31098-1-1.html)

**必要组件**：echarts库文件、国家电网集成、xiaoshi的国家电网辅助信息集成（[https://github.com/xiaoshi930/state_grid_info/releases](https://github.com/xiaoshi930/state_grid_info/releases)）

![图片.png](http://blog.cloud620.cn:6620/usr/uploads/2026/02/3824907080.png)

[https://github.com/xiaoshi930/state_grid_info?tab=readme-ov-file](https://github.com/xiaoshi930/state_grid_info?tab=readme-ov-file)

![图片.png](http://blog.cloud620.cn:6620/usr/uploads/2026/02/1562226020.png)

### 卡片链接

[state_grid_info_qinglong.rar](http://blog.cloud620.cn:6620/usr/uploads/2026/02/2643000240.rar)

安装步骤：

将 state_grid_info_qinglong.js文件放入 Home Assistant 的 www 目录

![图片.png](http://blog.cloud620.cn:6620/usr/uploads/2026/02/3808593250.png)

在 Lovelace 配置中添加资源引用：

![图片.png](http://blog.cloud620.cn:6620/usr/uploads/2026/02/2422742738.png)
![图片.png](http://blog.cloud620.cn:6620/usr/uploads/2026/02/1397542794.png)![图片.png](http://blog.cloud620.cn:6620/usr/uploads/2026/02/1713360290.png)
![图片.png](http://blog.cloud620.cn:6620/usr/uploads/2026/02/2116881926.png)

配置选项：

```
type: custom:custom-state-grid-info-qinglong
entity: sensor.yong_dian_xin_xi_XXX_dian_fei_yu_e
tier1_price: 0.5469
tier2_price: 0.5969
tier3_price: 0.8469
tier1_max: 2520
tier2_max: 4800
iscar: false

```

![图片.png](http://blog.cloud620.cn:6620/usr/uploads/2026/02/3233578061.png)
![图片.png](http://blog.cloud620.cn:6620/usr/uploads/2026/02/424800986.png)

![图片.png](http://blog.cloud620.cn:6620/usr/uploads/2026/02/2578434128.png)
![图片.png](http://blog.cloud620.cn:6620/usr/uploads/2026/02/306108674.png)

![请输入图片描述](http://blog.cloud620.cn:6620/usr/uploads/2026/02/1606702014.png)