# tchart

**Repository Path**: null_347_6860/tchart

## Basic Information

- **Project Name**: tchart
- **Description**: 脉搏、体温、呼吸，三测单前端组件
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2026-08-05
- **Last Updated**: 2026-08-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# 脉搏体温呼吸三测单前端组件 (TChart)

## 项目介绍

TChart 是一个基于 zrender 图表库开发的医疗三测单前端组件，专门用于可视化展示患者的脉搏、体温和呼吸数据。该组件采用 Canvas 渲染技术，能够实时呈现患者的生命体征监测数据。

## 效果展示

![脉搏体温呼吸三测单效果展示](images/PixPin_2025-04-10_14-29-52.png)

## 功能特点

- **脉搏监测**: 支持脉搏数据的动态曲线绘制，展示患者心率变化趋势
- **体温监测**: 可视化体温波动情况，帮助医护人员及时发现异常
- **呼吸监测**: 实时呈现呼吸频率数据，监控呼吸状态
- **时间轴支持**: 完整的时间坐标轴，标注监测时间段
- **灵活的坐标系统**: 支持自定义Y轴初始值和坐标配置
- **高性能渲染**: 基于 zrender 的 Canvas 渲染，性能优越

## 项目结构

```
tchart/
├── index.html                    # 示例页面
├── tchart/
│   └── generalPurpose/
│       ├── centre.js            # 核心图表逻辑
│       ├── drawUtil.js          # 绘图工具函数
│       ├── index.js             # 组件入口
│       └── tchart.config.js     # 配置文件
└── images/
    └── PixPin_2025-04-10_14-29-52.png
```

## 快速开始

### 环境要求

- 现代浏览器（支持 Canvas）
- zrender 图表库

### 基本使用

1. 在 HTML 文件中引入必要的脚本：

```html
<div id="tChart"></div>
```

2. 配置图表参数并初始化：

```javascript
// 导入组件
import TChart from './tchart/generalPurpose/index.js';

// 配置参数
const config = {
    // 脉搏配置
    pulse: { color: '#ff6b6b' },
    // 体温配置  
    temperature: { color: '#4ecdc4' },
    // 呼吸配置
    breathing: { color: '#45b7d1' }
};

// 初始化图表
const chart = new TChart({
    container: 'tChart',
    config: config
});

// 渲染数据
chart.render(data);
```

## 配置说明

### TCHART_CONFIG

| 参数 | 类型 | 说明 |
|------|------|------|
| P_CONST | 数值 | 呼吸常数 |
| INIT_Y | 数值 | Y轴初始值 |
| 其他配置 | 对象 | 根据具体需求配置 |

### 数据格式

组件支持以下数据格式：

```javascript
{
    pulse: [],      // 脉搏数据数组
    temperature: [], // 体温数据数组
    breathing: [],  // 呼吸数据数组
    timestamps: [], // 时间戳数组
    patientInfo: {} // 患者信息
}
```

## 依赖项

- **zrender**: 轻量级 Canvas 图表库，提供底层绘图支持
- **现代浏览器**: 支持 HTML5 Canvas API

## 应用场景

- 医院病房生命体征监测系统
- 远程医疗健康监护平台
- 体检中心数据可视化
- 慢性病管理应用

## 浏览器支持

- Chrome 60+
- Firefox 55+
- Safari 11+
- Edge 79+

## 许可证

本项目遵循相关开源许可证协议。