# @funnest/charts-ui 中文文档

规范地址：https://npmcn.com/package/%40funnest/charts-ui/

版本：0\.6\.28
npm 元数据更新时间：2026-11-15T11:27:41.679Z
中文译文更新时间：2026-11-15T18:55:54.214Z
软件包许可：Apache-2\.0

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

原始 npm 页面：https://www.npmjs.com/package/%40funnest/charts-ui
原文对照：https://npmcn.com/package/%40funnest/charts-ui/?lang=original
项目主页：https://charts.funnest.xyz/
源码仓库：https://github.com/funnest-xyz/funnest-charts

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

- 包体积（解压后）：283 kB，30 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：1 个
- 首次发布：2026-11-10T14:08:13.610Z
- 最新版本发布：2026-11-15T11:27:41.364Z
- 近 30 天下载量：7179（2026-10-16 至 2026-11-14，npm 官方下载统计）
- 已发布版本数：38（近 12 个月 38 个）

## 中文简介

Pro trade UI (工具栏,绘图工具,平板) for Funnest Charts. 框架-不可知论.

## 安装

```sh
npm install @funnest/charts-ui
```

也可以使用：`pnpm add @funnest/charts-ui`、`yarn add @funnest/charts-ui`、`bun add @funnest/charts-ui`

## README

# @funnest/charts-ui

完整的交易图部件:工具栏、符号搜索、指标和绘图工具。 无框架.

```bash
npm i @funnest/charts-ui
```

```ts
import { createTradingChart } from '@funnest/charts-ui';

const widget = createTradingChart(document.getElementById('chart')!, {
  datafeed: myDatafeed,
  symbol: 'AAPL',
  resolution: '1D',
  colorScheme: 'system', // follows the OS light/dark setting
});
```

-   工作与任何框架。 在反应中,使用 `<FnChart />` 从 `@funnest/charts-react`。 。 。 .
-   将自己的UI放入槽: `toolbar`, (中文(简体) ), `toolbarEnd`, (中文(简体) ), `belowToolbar`, (中文(简体) ), `footer`。 。 。 .
-   `save()` 编号 : `load()` 将布局(指示器、绘图、设置)保留为JSON.
-   默认为英语,韩语为韩语浏览器;将任意单词替换为 `strings` 选项.

## 链接

-   文档 : [https://charts.funnest.xyz/docs/ (中文(简体) )](https://charts.funnest.xyz/docs/)
-   GitHub : (中文(简体) ) [https://github.com/funnest-xyz/funnest-图](https://github.com/funnest-xyz/funnest-charts) (单位:千美元)[한국어](https://github.com/funnest-xyz/funnest-charts/blob/main/README.ko.md)(中文(简体) )
-   许可证: Apache-2.0

## 常见问题

### @funnest/charts-ui 是什么？

Pro trade UI \(工具栏,绘图工具,平板\) for Funnest Charts\. 框架-不可知论\.

### 如何安装 @funnest/charts-ui？

在项目目录运行 npm install @funnest/charts-ui，或使用 pnpm add / yarn add / bun add。

### @funnest/charts-ui 支持 TypeScript 吗？

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

### @funnest/charts-ui 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @funnest/charts-ui 可以商用吗？

@funnest/charts-ui 使用 Apache-2\.0 许可。宽松许可：允许商业使用、修改和再分发，并附带明确的专利授权；分发时需保留许可与 NOTICE 文件，修改过的文件要注明改动。以上为概括，不构成法律意见，请以许可原文为准。

### @funnest/charts-ui 的下载量有多少？

根据 npm 官方下载统计，@funnest/charts-ui 在 2026/10/16 – 2026/11/14 这 30 天内被下载 7,179 次，日均约 239 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @funnest/charts-ui 还在维护吗？

最新版本 0\.6\.28 发布于 2026/11/15（今天）；至今共发布 38 个版本，其中过去 12 个月发布了 38 个；首次发布于 2026/11/10。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。