修改后的bar-card.js文件是在上一篇文章中附加的,但它是第一个版本0.0.1,在新版本0.0.2中,不需要编辑源文件,但我还没有尝试过

好点子。有可能通过新的CSS样式实现该结果,但是这可能有些棘手。
实际上,我正在努力为“ title_position”添加“内部”选项,但遇到了一些麻烦。因此,我决定首先发布CSS样式,但是考虑到更多的人想拥有此选项,我将尝试在本周末添加它。

很棒,Tops3C的棒状形状看起来真的很好。我真的很想复制它。

谢谢。

在发行中添加了title_position的“内部”选项0.0.3
默认情况下,文本将集中在中心,但您可以使用BAR CSS样式将其像T0PS3C的示例一样对齐左侧。

BAR_STYLE:文本align:左填充左:4PX
1喜欢

谢谢您的回答。

我无法弄清楚如何复制它,请您帮助我。到目前为止,这是我的代码:

- 类型:自定义:酒吧卡标题:MEM ENTITY:SENSOR.MEMORY_USE_PERCTEN BAR_STYLE:TEXT-ALIGN:左填充 - 左:4PX圆形:5PX圆形:5px高度:30px样式:{顶部:37.5%,左,左:1%,transform:nons transform:nons transform:nons transform:nons transform:none,溢出:隐藏,边界 - 拉迪乌斯:8px,宽度:48%, - 纸卡 - 背面的颜色:'rgba(84、95、108、0.7)'}'}'}'}从:左Min:0 max:100 max:100饱和:100饱和:50%严重性: - 值:50色调:'120' - 值:75色调:'40' - 值:100色调:'0'

您需要定义title_position。

title_position:内部

1喜欢

很抱歉愚蠢,但行不通。我的代码可能是错误的:

- 类型:自定义:栏卡标题:mem entity:sensor.memory_use_percent bar_style:text-align:左填充 - 左:4px title_position:内部圆形:5px高度:30px样式:{顶部:37.5%,左:1%,1%,,1%,,,,,,,地,变换:无,溢出:隐藏,边界 - 拉迪乌斯:8px,宽度:48%, - 纸卡 - 背面的颜色:'rgba(84,95,108,0.7)'}'}从:左将:0 max:0 max:0 max:0100饱和度:50%的严重性: - 值:50色调:'120' - 值:75色调:'40' - 值:100色调:'0'

谢谢

不用担心,我可能没有正确解释。标题位置不是酒吧风格的一部分。这是一张卡配置。

- 类型:自定义:栏卡标题:mem entity:sensor.memory_use_percent title_position:inside bar_style:text-style:text-align:左padding-left:4px border-ladius:5px高度:30px样式:{top:top:37.5%,左:1,左:1%,变换:无,溢出:隐藏,边界 - 拉迪乌斯:8px,宽度:48%, - 纸卡 - 背面颜色:'rgba(84,95,108,0.7)'}'} min:0 max:100 max:100严重性: - 值:50色调:'120' - 值:75色调:'40' - 值:100色调:'0'

也修改了您的代码。

1喜欢

非常感谢您是男人。

抱歉,我仍然有一个奇怪的结果:

19

您要么必须降低字体尺寸或增加条形高度以使文本适合条形条。

好的,谢谢Gluwc。

很抱歉打扰您,但我找不到减少字体尺寸的选项。:流汗:

字体大小由标题在栏内的BAR_STYLE CSS定义。如果您想要较小的字体,只需添加字体大小即可。

- 类型:自定义:栏卡标题:mem entity:sensor.memory_use_percent title_position_position:inside bar_style:text-align:左填充 - 左:4px border-ladius:5px font-size:10px高度:10px高度:30px样式:30px样式:{顶部:37.5.5.5.5.5.5%,左:1%,变换:无,溢出:隐藏,边界 - 拉迪乌斯:8px,宽度:48%, - 纸卡 - 背面颜色:'rgba(84、95、108、0.7)'} min:0 max:100严重性: - 值:50色调:'120' - 值:75色调:'40' - 值:100色调:'0'
1喜欢

谢谢:bowing_man:

感谢您的分享@jimpower

传感器起作用,但在HA重新启动后我会得到此警告。

你知道如何避免这种情况吗?

Template Sensor Sensor_Count没有配置为跟踪的实体ID,也无法提取从值模板跟踪的实体。该实体只能手动更新。

@H4NC

您可以在模板中添加一个Entity_ID,我个人不会,并且不会影响传感器的操作。

好的,谢谢,所以我会像它一样保持它。

什么@jimpower说但是我补充

entity_id:传感器

它可以更好地满足我的强迫症:眨眼:

2个喜欢

我有这些传感器(自动化,传感器,binary_sen,脚本)。

我也没有传感器。

所以我必须添加

entity_id:传感器时间

对于每个传感器,摆脱了这一点……并让我的强迫症抚摸着我的强迫症?

你可以,但我不会!然后,它将每秒更新您的模板传感器。

更好的(恕我直言)也像时间一样包括日期传感器:

- 平台:time_date display_options: - 'time' - 'date'