LightningChart JS 是一个用于创建具有顶级性能的交互式、令人印象深刻的数据可视化应用程序的库。
借助 LightningChart,开发人员可以利用高级组件以最少的工作将性能极高的图表嵌入到他们的前端应用程序中。
LightningChart JS 可以通过 NPM 或 CDN 服务(如jsdelivr)安装。
npm i @arction/lcjs
<script src="https://cdn.jsdelivr.net/npm/@arction/lcjs@5.2.0/dist/lcjs.iife.js"></script>
实际操作如下:
import { lightningChart } from "@arction/lcjs";
// ... or with IIFE:
// const { lightningChart } = lcjs;
const lc = lightningChart({ license: 'my-license-key' })
const chart = lc.ChartXY()
chart
.addLineSeries({ dataPattern: { pattern: "ProgressiveX" } })
.add(dataSet) // { x: number, y: number }[]
默认情况下,LightningCharts 是完全交互式的。尝试缩放、平移和使用上图中的光标。
除了现代的外观和交互性之外,LightningChart 与其他 JavaScript 图表的不同之处在于其性能。LightningChart 在加载大型数据集、在交互时重新绘制图表和处理流数据方面速度极快。在后台,LightningChart 利用客户端 GPU 来卸载数据可视化所需的繁重图形工作,与其他 JavaScript 图表库相比,其 CPU 利用率极低。 了解有关性能的更多信息。
LightningChart 附带完整的类型定义,这使得应用程序集成变得轻而易举,尤其是在使用 TypeScript 开发时。
我们邀请您了解有关 LightningChart 的更多信息。以下是一些有用的资料:
获取
正如您在上面的示例中看到的,要使用 LightningChart JS,您需要一个许可证密钥。这可以是试用密钥、开发人员密钥或部署密钥。
无论您只是尝试 LightningChart、进行概念验证还是开发基于 LC 的产品,您都可以在这里找到合适的许可证密钥。
当出于商业目的试用 LightningChart JS 时,请参阅试用和集成部分以了解您的权利、使用条款以及试用期间的特殊特权。
指南和
所包含功能的完整列表可在功能下找到。其中还包括针对不同功能的所有重要功能的代码片段指南(例如“如何制作 2D 折线图”)。
您可以在更多指南下找到其他指南,这些指南不限于任何特定的图书馆功能
在线示例
查找我们的在线交互式示例库,您可以在其中找到功能示例以及源代码和实时编辑器。
技术
在此探索有关性能、技术细节和安全问题的关键细节。
如何安装 LCJS
在流行的 UI
探索如何在最流行的 Web UI 框架中使用 LightningChart JS 。