JavaScript的数据可视化库

Posted LightningChart

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript的数据可视化库相关的知识,希望对你有一定的参考价值。

LightningChart JS是完全由GPU加速和性能优化的图表库,用于展示大量的数据。它提供了一种简单的方法来创建复杂和互动的图表,并将其添加到你的网站或网络应用中。

这个演示程序属于LightningChart JS的例子集,是JavaScript的数据可视化库。 

 

LightningChart JS是完全由GPU加速和性能优化的图表库,用于展示大量的数据。它提供了一种简单的方法来创建复杂和互动的图表,并将其添加到你的网站或网络应用中。 

 

该演示可以作为一个例子或种子项目使用。本地执行需要以下步骤。 

 

确保已经安装了相关版本的Node.js 

 

在终端中打开项目文件夹: 

 

  npm install              # fetches dependencies 

  npm start                # builds an application and starts the development server 

 

该应用程序可在浏览器中的http://localhost:8080,webpack-dev-server提供热重载功能。 

 

说明 

这个例子展示了LightningChart JS的SurfaceGridSeries功能,尤其是它处理两个不同数据集的能力。 

高度数据集 

强度数据集 

这两个数据集的结构相似(表面网格中每一列和每一行的组合都有一个值),但用途不同。高度数据集用于改变系列的可见形状,而强度数据集可以选择用于为系列着色。 

 

请参阅表面网格图实例,了解只使用高度数据集的使用情况。 

 

这个例子为高度和强度数据生成不同的数据集,并根据强度数据集为表面着色,有效地形成一个四维数据的可视化(X、Y、Z、颜色)。 

 

更多的Surface的例子 

曲面网格图(只有Y数据) | 这个例子展示了曲面网格系列最简单的用法,同时对相关术语也有比较详细的描述。 

 

分块的表面网格图 | 这个例子展示了如何将表面网格系列分割成单独加载的子部分,以提高性能和响应时间。 

 

实时音频频谱表面图 | 这个例子展示了使用实时数据源的表面系列。 

 

所有Surface的实例

以上是关于JavaScript的数据可视化库的主要内容,如果未能解决你的问题,请参考以下文章

最好的JavaScript数据可视化库都在这里了

用于列表可视化的 Javascript 库(数据结构)

2018年最佳JavaScript数据可视化和图表库

16个JavaScript数据可视化和图表库

[译] 2018年最佳JavaScript数据可视化和图表库

前端开发者常用的9个JavaScript图表库