# @arction/lcjs 中文文档

规范地址：https://npmcn.com/package/%40arction/lcjs/

版本：5\.2\.1
npm 元数据更新时间：2025-04-10T08:19:00.759Z
中文译文更新时间：2026-11-06T18:00:44.329Z
软件包许可：SEE LICENSE IN LICENSE

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

原始 npm 页面：https://www.npmjs.com/package/%40arction/lcjs
原文对照：https://npmcn.com/package/%40arction/lcjs/?lang=original
项目主页：https://www.lightningchart.com/lightningchart-js/

弃用说明：Please use https://www\.npmjs\.com/package/@lightningchart/lcjs instead

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

- 包体积（解压后）：26.8 MB，30 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：3 个
- 首次发布：2019-08-06T05:47:31.448Z
- 最新版本发布：2024-08-05T05:08:48.608Z
- 近 30 天下载量：10444（2026-10-07 至 2026-11-05，npm 官方下载统计）
- 已发布版本数：47（近 12 个月 0 个）

## 中文简介

高性能图表库.

## 安装

```sh
npm install @arction/lcjs
```

也可以使用：`pnpm add @arction/lcjs`、`yarn add @arction/lcjs`、`bun add @arction/lcjs`

## README

# 闪电 图表® JS - 世界最快爪哇脚本图

闪电 图JS是一个基于WebGL, _闪电快_ 实时数据可视化图库,以特异性能为重点. 性能测试结果证明,它能够将JS的任何其它库,无论是2D还是3D,都无法可视化流出数据率. _快速渲染真实的JavaScript图表库._

[![](https://lightningchart.com/npm-material/Cover-npm-b.png)](https://lightningchart.com/js-charts/)

## 交互式实例, 代码编辑在飞上

您是否首先了解闪电图, 调查它是否适合您的需要, 或者从您的应用程序开发开始 [**我们的交互式实例应用程序**](https://lightningchart.com/lightningchart-js-interactive-examples/) 是始发地.

点击 [这里](https://lightningchart.com/lightningchart-js-interactive-examples/) 浏览几乎所有闪电图JS功能,与图表互动,测试性能并查看代码的外观.

<table><tbody><tr><td><a href="https://lightningchart.com/js-charts/interactive-examples/examples/lcjs-example-1005-polarHeatmapSensors.html" rel="nofollow noopener noreferrer"><img src="https://lightningchart.com/npm-material/1b.jpg" loading="lazy" decoding="async" referrerpolicy="no-referrer"></a></td><td><a href="https://arction.github.io/lcjs-showcase-renderingSpeed" rel="nofollow noopener noreferrer"><img src="https://lightningchart.com/npm-material/2b.jpg" loading="lazy" decoding="async" referrerpolicy="no-referrer"></a></td><td><a href="https://arction.github.io/lcjs-showcase-audio/" rel="nofollow noopener noreferrer"><img src="https://lightningchart.com/npm-material/6b.jpg" loading="lazy" decoding="async" referrerpolicy="no-referrer"></a></td><td><a href="https://lightningchart.com/lightningchart-js-interactive-examples/examples/lcjs-example-0010-multiChannelLineProgressive.html" rel="nofollow noopener noreferrer"><img src="https://lightningchart.com/npm-material/3b.jpg" loading="lazy" decoding="async" referrerpolicy="no-referrer"></a></td></tr><tr><td><a href="https://lightningchart.com/lightningchart-js-interactive-examples/examples/lcjs-example-0800-heatmapGrid.html" rel="nofollow noopener noreferrer"><img src="https://lightningchart.com/npm-material/5b.jpg" loading="lazy" decoding="async" referrerpolicy="no-referrer"></a></td><td><a href="https://lightningchart.com/lightningchart-js-interactive-examples/examples/lcjs-example-1110-geoChartUsaTemperature.html" rel="nofollow noopener noreferrer"><img src="https://lightningchart.com/npm-material/14b.jpg" loading="lazy" decoding="async" referrerpolicy="no-referrer"></a></td><td><a href="https://lightningchart.com/lightningchart-js-interactive-examples/examples/lcjs-example-0900-3dScatter.html" rel="nofollow noopener noreferrer"><img src="https://lightningchart.com/npm-material/11b.jpg" loading="lazy" decoding="async" referrerpolicy="no-referrer"></a></td><td><a href="https://lightningchart.com/lightningchart-js-interactive-examples/examples/lcjs-example-0913-surfaceScrollingGrid.html" rel="nofollow noopener noreferrer"><img src="https://lightningchart.com/npm-material/7b.jpg" loading="lazy" decoding="async" referrerpolicy="no-referrer"></a></td></tr><tr><td><a href="https://lightningchart.com/lightningchart-js-interactive-examples/examples/lcjs-example-0907-3dBoxRounded.html" rel="nofollow noopener noreferrer"><img src="https://lightningchart.com/npm-material/10b.jpg" loading="lazy" decoding="async" referrerpolicy="no-referrer"></a></td><td><a href="https://lightningchart.com/lightningchart-js-interactive-examples/examples/lcjs-example-0910-3dLiDARPark.html" rel="nofollow noopener noreferrer"><img src="https://lightningchart.com/npm-material/9b.jpg" loading="lazy" decoding="async" referrerpolicy="no-referrer"></a></td><td><a href="https://lightningchart.com/lightningchart-js-interactive-examples/examples/lcjs-example-1002-polarEMFieldStrength.html" rel="nofollow noopener noreferrer"><img src="https://lightningchart.com/npm-material/15b.jpg" loading="lazy" decoding="async" referrerpolicy="no-referrer"></a></td><td><a href="https://lightningchart.com/lightningchart-js-interactive-examples/examples/lcjs-example-0805-spectrogramProjection.html" rel="nofollow noopener noreferrer"><img src="https://lightningchart.com/npm-material/12b.jpg" loading="lazy" decoding="async" referrerpolicy="no-referrer"></a></td></tr><tr><td><a href="https://lightningchart.com/lightningchart-js-interactive-examples/examples/lcjs-example-1300-dataGridCrypto.html" rel="nofollow noopener noreferrer"><img src="https://lightningchart.com/npm-material/13b.jpg" loading="lazy" decoding="async" referrerpolicy="no-referrer"></a></td><td><a href="https://lightningchart.com/lightningchart-js-interactive-examples/examples/lcjs-example-1102-mapChartTimeline.html" rel="nofollow noopener noreferrer"><img src="https://lightningchart.com/npm-material/8b.jpg" loading="lazy" decoding="async" referrerpolicy="no-referrer"></a></td><td><a href="https://lightningchart.com/lightningchart-js-interactive-examples/examples/lcjs-example-0806-sweepingHeatmapGrid.html" rel="nofollow noopener noreferrer"><img src="https://lightningchart.com/npm-material/4b.jpg" loading="lazy" decoding="async" referrerpolicy="no-referrer"></a></td><td><a href="https://lightningchart.com/lightningchart-js-interactive-examples/" rel="nofollow noopener noreferrer"><img src="https://lightningchart.com/npm-material/16b.jpg" loading="lazy" decoding="async" referrerpolicy="no-referrer"></a></td></tr></tbody></table>

再来 [互动实例](https://lightningchart.com/lightningchart-js-interactive-examples/)

## 有用链接

-   [文件和资源](http://lightningchart.com/js-charts/docs/)
-   [产品页面](https://lightningchart.com/js-charts/)
-   [与其他 JavaScript 图表的比较](https://lightningchart.com/js-charts/performance/)
-   [API 文档](https://lightningchart.com/js-charts/api-documentation/)
-   [免费30天审判](https://lightningchart.com/js-charts/#license-key)
-   [关于业绩](https://lightningchart.com/js-charts/performance/)
-   [完整特性列表](https://lightningchart.com/js-charts/docs/features/)
-   [支持的UI框架](https://lightningchart.com/js-charts/docs/frameworks/)
-   [技术要求](https://lightningchart.com/js-charts/docs/technical-info/)
-   [叠叠流](https://stackoverflow.com/questions/tagged/lightningchart)
-   [使用条件](https://lightningchart.com/eula/lightningchart-js-commercial-license/)

**业绩比较**数字 :

我们曾将"闪电图"与"JavaScript"其他受欢迎的"JavaScript"图书库进行多次比较. [检查所有比较,找出我们如何得到结果](https://lightningchart.com/js-charts/performance/)

**一些业绩结果**,带有典型的桌面电脑:

-   **静行系列**:以290ms计有1000万个数据点. 多达数十亿个样本.
-   **滚动行序列**: 400个频道,每个频道1 000赫兹数据流速率和1分钟时间窗口,总计为2 400万个数据点,在每个帧可见,并以60个FPS更新
-   **热图**: 3000x30000 热图在5秒内可以装入
-   **散点系列**:装入高达5亿个样本的大规模原始数据集(更多取决于硬件)

**主要特点**数字 :

-   GPU 加速和 WebGL 渲染
-   直观触摸屏与放大,平板,移动数据光标等交互.
-   机板控制,能渲染出100+图.
-   支持服务器侧渲染( 与 our [@ arction/ lcjs- 无头包](https://www.npmjs.com/package/@arction/lcjs-headless)(中文(简体) )
-   图表类型: 三维、XY、热映射、极地、雷达、蜘蛛、派、多努特、漏斗、巴、堆放栏、组合栏、高地、金字塔和树图
-   XY 图表的线性轴和对数轴
-   数据网格,用于显示带有图标、文本、数字、彩色和微型图表的实时表格
-   极为定制、灵活和适应不同的用户界面和设计要求

## 安装

**关于最新指示,请参见: [开发者文档](https://lightningchart.com/js-charts/docs/installation/)。 。 。 .**

### 1\. 从国家预防机制安装并使用捆绑器

安装库软件包 [国家预防机制](https://www.npmjs.com/package/@arction/lcjs)。 。 。 .

`npm install --save @arction/lcjs`

这个软件包可以和任何支持CommonJS的捆绑器一起使用. 一些捆绑工的例子 [网络软件包](https://webpack.js.org/), (中文(简体) ), [括号](https://parceljs.org/) 财务报告和审定财务报表 [滚动](https://rollupjs.org/guide/en)。 。 。 .

检查我们 [正在获取视频](https://lightningchart.com/js-charts/faq/) 闪光灯 图表JS将看到这一点付诸行动.

我们的任何一个 [实例](https://lightningchart.com/lightningchart-js-interactive-examples/) 可用作种子项目。 该页上的所有例子都以独立的存储器为例,可以在我们的GitHub上找到. [独立实例仓库](https://github.com/Arction?utf8=%E2%9C%93&q=lcjs-example&type=&language=)

### 2\. 在网页上直接使用IIFE捆绑

库以浏览器准备的IIFE捆绑分发. 此捆绑可直接用于浏览器 [脚本标签](https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_JavaScript_within_a_webpage)。您可以在我们 [开发者文档](https://lightningchart.com/js-charts/docs/frameworks/aaa-vanilla/)

我们所有的人 [实例](https://lightningchart.com/lightningchart-js-interactive-examples/) 可在html页面中使用。 为了使用它们, 首先找到您想要使用的示例 [互动实例](https://lightningchart.com/lightningchart-js-interactive-examples/)。 。 。 . 点击 `Edit this example`按钮 `CJS`这将转换我们的代码 以兼容IIFE. 之后,代码可以被复制到html页面. 看我们的 [闪电 图表 JS html 使用示例](https://github.com/Arction/lcjs-html-example) 详细信息.

## 许可证发放

闪电 图J要求使用许可证钥匙. 拿一个 [这里](https://lightningchart.com/js-charts/)。 。 。 .

```ts
// Using a license key
const lc = lightningChart({ license: 'my-license-key' })
const chart = lc.ChartXY()
```

**关于最新指示,请参见: [开发者文档](https://lightningchart.com/js-charts/docs/licenses/)。 。 。 .**

使用条件可以找到 [这里](https://lightningchart.com/eula/lightningchart-js-commercial-license/)。 。 。 .

关于更多的材料、说明书、指南和故障排除,请参考更确切的 [开发者文档](https://lightningchart.com/js-charts/docs/)。 。 。 .

## 常见问题

### @arction/lcjs 是什么？

高性能图表库\.注意：该包已被作者标记为弃用——Please use https://www\.npmjs\.com/package/@lightningchart/lcjs instead

### 如何安装 @arction/lcjs？

在项目目录运行 npm install @arction/lcjs，或使用 pnpm add / yarn add / bun add。

### @arction/lcjs 支持 TypeScript 吗？

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

### @arction/lcjs 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @arction/lcjs 可以商用吗？

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

### @arction/lcjs 的下载量有多少？

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

### @arction/lcjs 还在维护吗？

最新版本 5\.2\.1 发布于 2024/08/05（2 年前）；至今共发布 47 个版本，其中过去 12 个月发布了 0 个；首次发布于 2019/08/06。作者已将其标记为弃用，新项目建议寻找替代方案。