今天我们将为大家带来受广大开发人员认可的3款JavaScript 图表工具,分别是 LightningChart JS、HighCharts、Plotly,本文将通过API文档支持、适用范围、支持的渲染数据等6个方面进行介绍,希望能帮大家选择适合自己的图表产品。
LightningChart JS
LightningChart JS 是一款高性能的 JavaScript 图表库,专注于Web端数据实时可视化。支持使用高数据速率同时监控数十个数据源,其GPU加速和WebGL渲染可以确保您的设备的图形处理器得到有效利用,实现高刷新率和流畅的动画。可以用于贸易、工程、航空航天,医药和其他领域的应用。
API文档
LightningChart JS 提供了完整的 API 文档,该文档详细介绍了 JS 库中包含的所有类、枚举、接口、函数和对象。同时技术文档还辅以行业示例、教程、关于使用特定图表的介绍,以及在特定行业中如何应用这些图表的知识。
使用范围
LightningChart JS 支持与 Angular、TypeScript 和移动应用程序一起使用,也可以在 C#/Java Web 应用程序中使用它。
如果您对 .NET 开发非常感兴趣:LightningChart .Net 提供了一个完全专注于C#的框架,C# 框架可以帮助我们创建一个基本模板(WPF、WINFORMS),以便在我们的 Visual Studio 中修改代码和源数据。
支持的渲染数据量
LightningChart JS 与其他库一样有局限性,但这些局限性比较小。
在高端PC上使用JS折线图时,数据量会根据折线图类型而有所不同:
- 静态折线图:渲染超过 5 亿个数据点,加载 1 亿个数据点仅需 6.5 秒。
- 刷新折线图:渲染超过 200 万个数据点。
-
附加折线图:每秒渲染超过 400 万个新数据点。
渲染性能
LightningChart JS 使用 WebGL 渲染,是Microsoft Visual Studio数据展示速度最快的2D和3D图表制图组件,可实时呈现超过10亿数据点的海量数据。支持与所有可用的 JS 图表示例进行交互。
使用范围
LightningChart JS 有强大的 NPM 包,支持在服务器应用程序中呈现 LightningChart 图表。详情可在 NPM 上查看https://www.npmjs.com/package/@arction/lcjs
交互性
LightningChart JS 拥有多个 UI 功能,包括触摸屏兼容性、缩放、平移和工具提示。这些功能是完全可自定义。
许可证
LightningChart JS 有多种许可选项,包括免费社区版本(用于非商业目的)、Web 开发人员许可证、应用程序开发人员许可证和完全适应用户需求的企业许可证。(详情可咨询慧都科技)
HighCharts
Highcharts 是一个用纯 JavaScript 编写的一个图表库, 能简单便捷的在 Web 网站或是 Web 应用程序添加有交互性的图表。
API文档
HighCharts 提供了一个文档站点,用户可以在其中学习如何安装和实现多种类型的图表,同时我们可以使用“ 图表选择器 ”工具,尝试多种类型的图表。
适用范围
Highcharts 应用于财务数据展示,也可以应用于数据展示中。此外,如果需要在地图上显示数据,也有世界地图的 3D 版。
对于 JS,我们可以在网站或移动应用程序中使用 Ionic 的 Capacitor 等框架。对于 C#,我们可以使用HighCharts,因为它也同样支持 .NET 和 .NET CORE , 也就是说我们可以在 Web / 桌面应用程序中使用。
支持的渲染数据量
HighCharts 默认限制为 1000 个数据点,具体可以支持多少数据点目前没有特别准确的数据,通过查询论坛,有报告显示尝试使用超过初始限制的数据点。
渲染性能
HighCharts 使用可缩放矢量图形、HTML5 和 CSS,该图表库有一个服务器端选项,利用 Phantom JS 技术。
它能为各种 Web 端开发提供快速和原生的支持,如DOM 处理、CSS 选择器、JSON、Canvas 和 SVG。
交互性
可根据设备/软件的兼容性,提供触摸屏兼容性、缩放、平移和工具提示。
许可证
在许可方面,HighCharts 在其免费许可的基础上提供 Web、SaaS、SaaS+ 和 OEM。
Plotly
Plotly是一个基于JS的开源数据可视化框架,提供了许多库,可以使用多种语言使用开源编码,包括 Python、R、Julia、JS、GGPlot2、F#、MatLab 和 Plotly Dash 。
API文档
Plotly 有自己的文档库,但它的 C# 文档不是太如人意,因为实时案例加载得很慢。
但对于编程,其文档提供了创建图表的完整代码。对于每种 Web 语言,提供了包含许多示例的完整文档。
使用范围
Plotly 支持您在在 JS 和 C# 中创建多种类型的图形、地图和实时对象识别,但处理的数据量有限。
支持的渲染数据量
Plotly目前对于渲染的数据量依然没有比较准确的数据,通过论坛的查询,似乎标准可能是 500k 的数据,但若要尝试渲染数百万点的数据,就会导致崩溃。
渲染性能
Plotly 是使用 D3.js 技术构建的。此外,Plotly 还利用了 NVIDIA Inception,这是一种虚拟加速器,主要是为支持使用 GPU 的初创公司,即云端计算。但这对客户来说并不划算,因为它增加了运行服务的成本。
交互性
根据设备/软件的兼容性,可提供触摸屏兼容性、缩放、平移和工具提示。
许可证
Plotly 几乎仅限于使用开源或企业版,无法根据用户的要求立即给予精确的报价。
以上就是为大家介绍的3款JavaScript 图表库,您更中意哪一款呢?欢迎在评论区告诉我~