Code Monkey home page Code Monkey logo

hass-weathercn-minute's Introduction

HomeAssistant 临近天气预报

**地区临近天气预报

安装/更新

方法2: 手动安装

下载 解压并复制 custom_components/hass-weathercn-minute 文件夹到HA配置目录下的custom_components 文件夹内

配置

配置 > 设备与服务 > 集成 > 添加集成 > 搜索 "临近天气预报"

可视化

雷达降雨量可视化(使用 ApexCharts Card

with_apexcharts
type: custom:apexcharts-card
header:
  show: true
  title: 临近降水预报
graph_span: 2h
span:
  start: minute
apex_config:
  chart:
    height: 150px
series:
  - entity: sensor.minute_summary
    data_generator: |
      const start_at = new Date(entity.attributes.start_at)
      return entity.attributes.values.map((entry, index) => {
        const time = new Date(start_at.getTime() + index * 5 * 60 * 1000);
        return [time, entry];
      });
    type: area
    show:
      in_header: false

更多可视化(使用 ApexCharts Card + Mushroom + vertical-stack-in-card

with_apexcharts_and_mushroom
type: custom:vertical-stack-in-card
horizontal: true
cards:
  - type: custom:mushroom-entity-card
    entity: sensor.minute_summary
  - type: custom:apexcharts-card
    header:
      show: false
      title: 临近降水预报
    graph_span: 2h
    layout: minimal
    span:
      start: minute
    now:
      show: true
      color: red
    apex_config:
      chart:
        height: 60px
    series:
      - entity: sensor.minute_summary
        data_generator: |
          const start_at = new Date(entity.attributes.start_at)
          return entity.attributes.values.map((entry, index) => {
            const time = new Date(start_at.getTime() + index * 5 * 60 * 1000);
            return [time, entry];
          });
        type: area
        show:
          in_header: false

实体截图

hass-weathercn-minute's People

Contributors

bingooo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.