修复core-2021.7.1后续版本和风天气(hf_weather)无法显示图表问题

nipkow

更新日志
2023-09-07

• 修改 api 为和风天气官方 （原京东万象api停止运营）
• 修复小时视图，降水量为空的Bug
  

2022-01-24

• 适配 chart.js v3+ 支持 core-2021.7.1 后续版本
  

2019-08-23

• 增加一个新样式，降水概率以柱形图显示，优化图形、文字排版，将hf_weather-card_new.js改名后覆盖hf_weather-card.js即可使用。注意这个样式建议使用PC版chrome浏览器观看，在手机浏览器上横坐标过窄会导致图形位置有偏差（应该chart.js的锅）。
  

注：不适用于2021.7版本
由于chart.js更新，这个插件已经无法简单修改后正常显示，原插件作者进行了大量的修改，暂时没有精力细看测试，建议不要升级2021.7版本或者转用其他插件，以后有时间改好后再发出来

@luyuheng 大佬在 解决和风天气插件无法显示图表问题 帖子中修复了不显示的图标的问题，不过仅限于 core-2021.7.1。

原因是在此次提交之后 Bump chartjs to version 3，chartjs升级至v3版本，原有的配置需要适配。经过一些尝试后，将 hf_weather-card 适配 chartjs v3。理论上，适用用于 core-2021.7.1 的任意版本。
略调整了下图表配色效果如下：


目前动画未还原原有效果。

下载替换 hf_weather-card.js 即可。
hf_weather-card.js.zip (5.47 KB, 下载次数: 103)

2022-1-24 21:25 上传

点击文件名下载附件

源码：https://github.com/ettingshausen ... f_weather/README.md

623305170

期待了好久大佬终于更新了！我来试试

623305170

想问大佬“自定义元素不存在”这个问题怎么解决，天气卡片文件夹放置的路径：/www/community/custom-lovelace/hf_weather-card，这个卡片文件夹直接放在：/www/custom-lovelace/hf_weather-card路径也找不到，目前和风天气实体已经配置好了，但自定义卡片元素就是加载不出来，想麻烦大佬指点

nipkow

623305170 发表于 2022-1-25 00:49
想问大佬“自定义元素不存在”这个问题怎么解决，天气卡片文件夹放置的路径：/www/community/custom-lovela ...

有配置资源吗？



具体配置方法参考原帖

623305170

很感谢楼主，添加资源后现已配置完成，感谢感谢，我也用上漂亮的和风天气卡片了！

cnbb

623305170 发表于 2022-1-25 12:16
很感谢楼主，添加资源后现已配置完成，感谢感谢，我也用上漂亮的和风天气卡片了！ ...

天气组件怎么配置出来？

623305170

cnbb 发表于 2022-3-27 13:27
天气组件怎么配置出来？

已经失效了，2022.3.1版本开始就用不了了

cybaijie

谢谢大佬分享，求更新适配最新版

lhfchl

收藏了，谢谢！

nipkow

更新日志
2023-09-07
修改 api 为和风天气官方 （原京东万象api停止运营）
修复小时视图，降水量为空的Bug

2022-01-24
适配 chart.js v3+ 支持 core-2021.7.1 后续版本

2019-08-23
增加一个新样式，降水概率以柱形图显示，优化图形、文字排版，将hf_weather-card_new.js改名后覆盖hf_weather-card.js即可使用。注意这个样式建议使用PC版chrome浏览器观看，在手机浏览器上横坐标过窄会导致图形位置有偏差（应该chart.js的锅）。