# @balkangraph/familytree\.js 中文文档

规范地址：https://npmcn.com/package/%40balkangraph/familytree.js/

版本：1\.9\.51
npm 元数据更新时间：2026-08-05T07:25:30.896Z
中文译文更新时间：2026-11-08T09:52:38.557Z
软件包许可：SEE LICENSE IN https://balkan\.app

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40balkangraph/familytree.js
原文对照：https://npmcn.com/package/%40balkangraph/familytree.js/?lang=original
项目主页：https://balkan.app/
源码仓库：https://github.com/BALKANGraph/FamilyTreeJS

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：511 kB，4 个文件
- 模块格式：CommonJS
- TypeScript 类型：包内自带
- 运行依赖：0 个
- 首次发布：2021-10-31T15:04:09.225Z
- 最新版本发布：2026-08-05T07:25:30.745Z
- 近 30 天下载量：1820（2026-10-08 至 2026-11-06，npm 官方下载统计）
- 已发布版本数：155（近 12 个月 2 个）

## 中文简介

终极家族树 JavaScript 库

## 安装

```sh
npm install @balkangraph/familytree.js
```

也可以使用：`pnpm add @balkangraph/familytree.js`、`yarn add @balkangraph/familytree.js`、`bun add @balkangraph/familytree.js`

## README

# ![FamilyTree JS](https://balkangraph.com/content/img/icon-FamilyTreeJS.png) 家庭信托基金

与 BALKAN FamilyTree JavaScript 库一起构建家庭树app. 家属 树也叫分系图或行道图,是代表传统树结构中家庭关系的图.

![Family Tree JS](https://balkan.app/Content/Img/ft.png)

## [演示文稿](https://balkan.app/FamilyTreeJS/Demos/BasicUsage)      [文档](https://balkan.app/FamilyTreeJS/Docs/GettingStarted)      [下载](https://balkan.app/FamilyTreeJS/Download)      [支助](https://balkan.app/FamilyTreeJS/Support)

## 特征

-   支持本地数据和远程数据(JSON)
-   平滑扩展/缩合效应
-   以 8 个方向对齐图表
-   支持平面并缩放
-   编辑窗体
-   节点自定义
-   搜索
-   滚动栏
-   懒惰装入
-   导出

## 安装

备选案文1 - [独立构建](https://balkan.app/FamilyTreeJS/Docs/GettingStarted)

备选办法2:国家预防机制

```
npm i @balkangraph/familytree.js
```

备选案文3 - 鲍尔

```
bower install familytree.js
```

## 使用量

```
    <script src="https://balkan.app/js/familytree.js"></script> 
    <div id="tree"/>
    <script>
    var tree = new FamilyTree(document.getElementById("tree"), {
        nodeBinding: {
            field_0: "name"
        },
        nodes: [
            { id: 1, pids: [2] },
            { id: 2, pids: [1] },
            { id: 3, mid: 1, fid: 2 }
        ]
    });
    </script>
```

## 一分一分,我们两个

[![OrgChart](https://balkangraph.com/content/img/phone-icon4.png)](https://webcall.me/BALKANGraph)

## 常见问题

### @balkangraph/familytree\.js 是什么？

终极家族树 JavaScript 库

### 如何安装 @balkangraph/familytree\.js？

在项目目录运行 npm install @balkangraph/familytree\.js，或使用 pnpm add / yarn add / bun add。

### @balkangraph/familytree\.js 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @balkangraph/familytree\.js 支持 ESM 还是 CommonJS？

以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。

### @balkangraph/familytree\.js 可以商用吗？

@balkangraph/familytree\.js 使用 SEE LICENSE IN https://balkan\.app 许可。许可条款写在包内的独立文件中，请阅读该文件确认可否商用。以上为概括，不构成法律意见，请以许可原文为准。

### @balkangraph/familytree\.js 的下载量有多少？

根据 npm 官方下载统计，@balkangraph/familytree\.js 在 2026/10/08 – 2026/11/06 这 30 天内被下载 1,820 次，日均约 61 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @balkangraph/familytree\.js 还在维护吗？

最新版本 1\.9\.51 发布于 2026/08/05（3 个月前）；至今共发布 155 个版本，其中过去 12 个月发布了 2 个；首次发布于 2021/10/31。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。