[English](./README.md) | 简体中文

# @ray-js/energy-flow-graph

[![latest](https://img.shields.io/npm/v/@ray-js/energy-flow-graph/latest.svg)](https://www.npmjs.com/package/@ray-js/energy-flow-graph) [![download](https://img.shields.io/npm/dt/@ray-js/energy-flow-graph.svg)](https://www.npmjs.com/package/@ray-js/energy-flow-graph)

> 能流图

## 安装

```sh
$ npm install @ray-js/energy-flow-graph
// 或者
$ yarn add @ray-js/energy-flow-graph
```

## 使用

```tsx
import EnergyFlowGraph from '@ray-js/energy-flow-graph';
export default () => (
  <EnergyFlowGraph
    systemType="3"
    timeZoneId="Asia/Shanghai"
    graphData={{
      reportTime: 1718870900000,
      backupLoadTotalPower: -2,
      totalPvPower: -3,
      totalGridPower: -4,
    }}
  />
);
```

## 属性

### 系统类型

- '3':微型逆变器
- '0-1':光伏-储能
- '1-2-4':储能-用电-电网
- '0-2-4':光伏-用电-电网
- '0-1-2-4':光伏-储能-用电-电网
- '0-1-2-4-5':光伏-储能-用电-电网-充电桩

### IGraphData

| 属性名                  | 描述           | 类型   | 默认值 |
| :---------------------- | :------------- | :----- | :----- |
| reportTime              | 上报时间       | number |        |
| backupLoadTotalPower    | 用电功率       | number |        |
| totalPvPower            | 光伏功率       | number |        |
| totalGridPower          | 电网功率       | number |        |
| chargeAndDisChargePower | 电池充放电功率 | number |        |
| evsePower               | 充电桩功率     | number |        |