0
点赞
收藏
分享

微信扫一扫

3款超受欢迎的JS图表控件,你最pick谁?

今天我们将为大家带来受广大开发人员认可的3款JavaScript 图表工具,分别是 ​​​LightningChart JS​​​​、HighCharts、Plotly,本文将通过API文档支持、适用范围、支持的渲染数据等6个方面进行介绍,希望能帮大家选择适合自己的图表产品。

LightningChart JS

LightningChart JS 是一款高性能的 JavaScript 图表库,专注于Web端数据实时可视化。支持使用高数据速率同时监控数十个数据源,其GPU加速和WebGL渲染可以确保您的设备的图形处理器得到有效利用,实现高刷新率和流畅的动画。可以用于贸易、工程、航空航天,医药和其他领域的应用。

3款超受欢迎的JS图表控件,你最pick谁?_JS图表控件

API文档

LightningChart JS 提供了完整的 API 文档,该文档详细介绍了 JS 库中包含的所有类、枚举、接口、函数和对象。同时技术文档还辅以行业示例、教程、关于使用特定图表的介绍,以及在特定行业中如何应用这些图表的知识。

3款超受欢迎的JS图表控件,你最pick谁?_LightningChart_02

使用范围

 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 万个新数据点。

3款超受欢迎的JS图表控件,你最pick谁?_LightningChart_03


渲染性能  

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 应用程序添加有交互性的图表。

3款超受欢迎的JS图表控件,你最pick谁?_图表工具_04

API文档

HighCharts 提供了一个文档站点,用户可以在其中学习如何安装和实现多种类型的图表,同时我们可以使用“ 图表选择器 ”工具,尝试多种类型的图表。

适用范围

 Highcharts 应用于财务数据展示,也可以应用于数据展示中。此外,如果需要在地图上显示数据,也有世界地图的 3D 版。

对于 JS,我们可以在网站或移动应用程序中使用 Ionic 的 Capacitor 等框架。对于 C#,我们可以使用HighCharts,因为它也同样支持 .NET 和 .NET CORE  , 也就是说我们可以在 Web / 桌面应用程序中使用。

支持的渲染数据量

HighCharts 默认限制为 1000 个数据点,具体可以支持多少数据点目前没有特别准确的数据,通过查询论坛,有报告显示尝试使用超过初始限制的数据点。

3款超受欢迎的JS图表控件,你最pick谁?_图表工具_05

渲染性能  

HighCharts 使用可缩放矢量图形、HTML5 和 CSS,该图表库有一个服务器端选项,利用 Phantom JS 技术。

它能为各种 Web 端开发提供快速和原生的支持,如DOM 处理、CSS 选择器、JSON、Canvas 和 SVG。

3款超受欢迎的JS图表控件,你最pick谁?_图表工具_06

交互性  

可根据设备/软件的兼容性,提供触摸屏兼容性、缩放、平移和工具提示。

许可证  

在许可方面,HighCharts 在其免费许可的基础上提供 Web、SaaS、SaaS+ 和 OEM。

Plotly

Plotly是一个基于JS的开源数据可视化框架,提供了许多库,可以使用多种语言使用开源编码,包括 Python、R、Julia、JS、GGPlot2、F#、MatLab 和 Plotly Dash 。

3款超受欢迎的JS图表控件,你最pick谁?_LightningChart_07

API文档

Plotly 有自己的文档库,但它的 C# 文档不是太如人意,因为实时案例加载得很慢。

但对于编程,其文档提供了创建图表的完整代码。对于每种 Web 语言,提供了包含许多示例的完整文档。

使用范围  

Plotly 支持您在在 JS 和 C# 中创建多种类型的图形、地图和实时对象识别,但处理的数据量有限。

支持的渲染数据量

Plotly目前对于渲染的数据量依然没有比较准确的数据,通过论坛的查询,似乎标准可能是 500k 的数据,但若要尝试渲染数百万点的数据,就会导致崩溃。

渲染性能  

Plotly 是使用 D3.js 技术构建的。此外,Plotly 还利用了 NVIDIA Inception,这是一种虚拟加速器,主要是为支持使用 GPU 的初创公司,即云端计算。但这对客户来说并不划算,因为它增加了运行服务的成本。

交互性  

根据设备/软件的兼容性,可提供触摸屏兼容性、缩放、平移和工具提示。

许可证  

Plotly 几乎仅限于使用开源或企业版,无法根据用户的要求立即给予精确的报价。

以上就是为大家介绍的3款JavaScript 图表库,您更中意哪一款呢?欢迎在评论区告诉我~


举报

相关推荐

0 条评论