19个用于创建K线走势图的在线工具

在当今世界,人们越来越难以去中心化注意力。因此,以结构化,有趣且精心设计的方式呈现信息变得越来越重要,尤其是在您具有复杂的业务应用程序的情况下。在标准电子表格中显示大量数据以进行分析或研究是很不方便的。创建不同的K线走势图是我们要考虑的一个大问题。

K线走势图是Web应用程序中用于显示数据的重要部分。这意味着JavaScriptK线走势图库是不可避免的。人脑本身编程的方式是,它比其他任何东西都更好地理解视觉数据。可视化良好的数据比所呈现的数据产生的影响要大得多,无论其解释得如何好。

公司围绕提供的K线走势图,数字和表格制定战略,并经常使用它们来选择是否寻求商机。选择正确的工具来解决问题非常重要。

但是,您如何选择适合您的JavaScript技术Zoo需求的工具?如何为您的数据选择正确的图形?应该付费还是免费?建立自己的解决方案还是采用现成的工具?

我们将尝试在本指南中涵盖所有这些问题。首先,我们将讨论如何选择正确的工具或库。然后,我们将定义评估工具的标准,最后,比较市场上最受欢迎的解决方案。

如何选择合适的制图软件?

当您选择制图工具时,一切都是高度独立的,并取决于许多标准。因此,在本节中,我们将考虑选择绘图工具时应注意的事项。

现在有很多K线走势图库,但是最好使用哪个?这可能取决于许多因素,例如业务需求,数据类型,K线走势图本身的目的等等。

如果我们需要一些通用的东西,那么好的界面和复制/粘贴代码都很好。但是坦率地说,大多数时候我们实际上需要针对我们的用例量身定制的东西。不仅如此– need我们需要一个可以建立的可靠K线走势图库。

这里有几个要考虑的因素:

  • 公司想建立什么样的K线走势图?饼图,地图,折线,条形图?
  • 数据集有多大?
  • 该应用程序将用于Web,移动设备还是同时用于两者?
  • SVG还是Canvas基础?基于SVG的库通常更适合中小型数据集,因为每个元素都是唯一的节点,并且存在于DOM树中。另一方面,Canvas确实非常快。
  • 给定库的浏览器支持什么?检查您的浏览器市场份额,找出答案。
  • 您使用哪个JavaScript框架?
  • 您需要什么样的外观定制?

请注意,在某些情况下,您可能根本不需要数据可视化库。有时候,最好是使用原始JavaScript从头开始编写一个。

这是我在互联网上找到的决策图示例。

用于创建K线走势图的顶级库

在本文中,将对每个JavaScriptK线走势图库与一些关键因素进行比较,包括K线走势图类型,商业或免费和开源状态。这些动听的库经过实践经验的全面分析,可以最大程度地提高最佳对比效果。

高图

Github开始:8871
许可:非商业免费,商业付费
价格:免费到$7000
主要依赖项:无依赖项
网址:https://www.highcharts.com/

HighCharts基于SVG技术的现代K线走势图库。它不需要任何插件。与所有主要Web框架的集成非常简单。

简而言之,Highcharts还与旧的浏览器非常兼容,因此,如果您不需要使用高级K线走势图样式表示数据,则可以选择它。

显着特点:

  • 针对响应式设计和触摸设备进行了优化;
  • 能够处理大数据;
  • 悬停工具提示呈现非常快速;
  • 注释图的能力;
  • 数据可以直接从CSV文件加载到K线走势图中。

Highcharts允许您与数据分开配置主题。这使您可以为您的品牌设置一个通用主题,以将其应用于您网站上的所有K线走势图。

Highcharts有大量文档记录,涵盖了大多数用例。

HighCharts已被全球一些主要公司使用,包括Facebook,IBM,MasterCard和StackOverflow。关于可用的K线走势图类型,它可能是目前最先进的库,但是,当然要付出商业使用的代价。如果价格不低,Highcharts是一个不错的选择。

K线走势图专家

Github开始:11660
许可证:开源
价格:免费
主要依赖项:无依赖项
网站:http://gionkunz.github.io/chartist-js/

Chartist是一个非常现代的基于SVG的库。它最大的功能是与此库一起生成的K线走势图中的SVG动画。

它具有扎实的技术基础,并且易于实施。在几分钟之内,您就可以制作出令人印象深刻的K线走势图,该K线走势图可以轻松地与任何后端数据源进行交互。 Chartist真的很容易配置,也很容易使用Sass进行自定义。

该库只有8种基本K线走势图类型,可用于即兴编辑一些其他类型。每一个都具有完全的响应能力,但没有其他任何过渡效果。

特征:

  • 按标签过滤;单击图例以显示和隐藏K线走势图上的数据;
  • 非数字Y轴,请改用标签;
  • 折线图插值易于定制。

Chart.js可视化库通过MIT许可证完全开源,可用于修改,分发和使用。源文件也可以在GitHub上“ fork”使用。

Chart.js提供了广阔的文档库,其中包括有关安装库的精确说明。该库可以通过Bower,NPM,jsDelivr快速安装,甚至可以从CDNJS链接起来。此外,您可以直接从GitHub Repo下载源文件。

Chartist是一个功能非常强大的K线走势图库,但是它需要在开发人员方面进行更多工作才能使事情看起来正确。

C3.js

Github开始:8445
许可证:开源
价格:免费
主要依赖项:D3.js
网站:https://c3js.org/

C3是一个非常有效的基于D3的K线走势图可视化库。 C3库渲染速度很快,在浏览器之间具有良好的兼容性,并且集成非常简单。如果您不精打细算,C3是一个不错的选择。

它还包括有关本质上简单的库的良好文档。

特征:

  • 广泛的教程和文档;
  • 反应灵敏且可移动;
  • 时尚的工具提示已经集成;
  • 可过滤的数据系列。

C3提供了一个入门指南,指导您如何在项目中进行基本库设置。

Chartjs

Github开始:44604
许可证:开源
价格:免费
主要依赖项:Moment.js
网站:https://www.chartjs.org/

Chartjs是基于HTML5的JavaScript库,用于创建动画,交互式和可自定义的K线走势图。 Chart.js是比HighCharts轻巧得多的产品,并且没有提供太多选择。

Chart.js API非常简单并且有据可查。 Chart.js使用画布而不是SVG。该库得到了积极维护,并提供了一些插件来扩展其功能。

Chart.js提供了8种不同的K线走势图类型,用于数据可视化以及开箱即用的动画。它与所有现代浏览器兼容。此外,可以通过某些配置来启用K线走势图的响应K线走势图行为。

密谋

Github开始:10520
许可证:开源
价格:免费,由企业付费
主要依赖项:D3.js,Stack.gl
网站:https://plot.ly/

Plotly是周围最常见的库之一。 Plotly是一个非常丰富的库,并且具有出色的文档,其中包括每种K线走势图类型的教程。

自2015年以来,它一直是开源的,这意味着任何人都可以免费使用它。 Plotly.js支持20种K线走势图类型,包括SVG地图,3DK线走势图和统计图。它基于D3.js和stack.gl构建。

可用的K线走势图和图形类型具有专业的外观。创建K线走势图仅是加载信息并自定义布局,轴,注释和图例的问题。

NVD3

Github开始:6910
许可证:开源
价格:免费,由企业付费
主要依赖项:D3.js
网站:http://nvd3.org/

NVD3也在最受欢迎的库列表中。与上面的D3.js一样,它具有扎实的技术基础。

性能相对较好,它确实具有基本的动画,可以在原本相当普通的界面中注入一些视觉刺激。可以直接从.json文件中抽取数据,这意味着NVD3非常容易与现有的数据API解决方案集成。

与该列表中的其他库相比,它看起来很小,没有许多可用的K线走势图,但是大多数常规图形类型都存在。

该可视化库是使用Apache 2.0 License完全开源的。

融合K线走势图

Github开始:–
许可:付费
价格:从497美元到9947美元
主要依赖项:无依赖项
网站:https://www.fusioncharts.com/

FusionCharts可能具有最完整的K线走势图和地图集合。拥有90多种K线走势图类型和965张地图,您可以立即找到所需的一切。

FusionCharts支持JSON和XML数据格式,并且您可以导出PNG,JPEG,SVG或PDF格式的K线走势图。他们收集了大量的业务仪表板和现场演示,以获取灵感。

他们的K线走势图和地图可在所有设备和平台上使用,可高度自定义并具有良好的交互性。但是,尽管如此,FusionCharts还是有点贵。

动态图

Github开始:2646
许可证:开源
价格:所有用户免费
主要依赖关系:–
网站:http://dygraphs.com/

DyGraphs是一个快速,灵活的开源JavaScriptK线走势图库。它是高度可定制的,可在所有主要浏览器(包括IE8)上使用,并具有活跃的社区。

特征:

  • 线性回归;
  • 跨多个图同步;
  • 变焦能力;
  • 突出显示的区域。

DyGraphs非常适合大型和复杂的数据集。

D3.js

Github开始:86330
许可证:开源
价格:所有用户免费
主要依赖关系:–
网站:https://d3js.org/

D3是根据BSD许可发布的开源JavaScript库。它提供了大量K线走势图,图形和其他用于数据可视化的方法。 D3几乎为您提供了可视化表示各种数据所需的一切。

该网站提供了全面的文档。提供了一些示例,以帮助您入门和使用该库。

D3支持所有现代浏览器。它已经在包括Firefox,Google Chrome,Safari,Opera,IE9 +,Android和iOS在内的浏览器上进行了测试。

D3.js有两个主要问题:学习曲线陡峭,并且仅与现代浏览器(IE 9+)兼容。仅在您有足够的时间学习和采用它时才选择它。

西格玛图

Github开始:86330
许可证:开源
价格:所有用户免费
主要依赖项:无依赖项
网站:http://sigmajs.org

Sigma.js基于Canvas和WebGL构建,并具有公共API,包含GitHub社区提供的各种插件。适马具有完全的响应能力和触摸交互性。它允许开发人员直接将自己的功能添加到脚本中,并完全按照规范渲染节点和边缘。

Sigma提供了许多不同的设置,可轻松自定义工程图和与网络的交互。 Sigma是一种渲染引擎,您可以自行添加所需的所有交互性。公共API使得可以修改数据,移动相机,刷新渲染,收听事件等。

它最适合需要功能强大的专用图形绘制工具的开发人员。

莫里斯K线走势图

Github开始:6930
许可证:开源
价格:所有用户免费
主要依赖项:jQuery
网站:http://morrisjs.github.io/morris.js/

Morris.jsK线走势图​​库也非常受欢迎。它在许多管理模板中都使用-免费和高级。 Morris中使用的K线走势图着重于简单性和有效性。

库中有4种K线走势图类型-折线图,面积图,条形图和甜甜圈图。

莫里斯海图提供免费许可证。许可证详细信息在网站上提供。K线走势图也有详细的文档。

细胞景观

Github开始:5857
许可证:开源
价格:所有用户免费
主要依赖项:无依赖项
网站:http://js.cytoscape.org/

Cytoscape.js是一个用JS编写的开源图论库。您可以使用Cytoscape.js进行图形分析和可视化。

Cytoscape.js允许您轻松显示和操作丰富的交互式图形。 Cytoscape.js包含了所有现成的手势,包括捏缩放,框选择,平移等。

Cytoscape.js也有一个图形分析。该库包含图论中的许多有用功能。您可以在Node.js上无头使用Cytoscape.js在终端或Web服务器上进行图形分析。

Shutterstock的人力车

Github开始:6360
许可证:开源
价格:所有用户免费
主要依赖项:D3.js,jQuery,jsdom
网站:https://tech.shutterstock.com/rickshaw/

Rickshaw是一个JavaScript工具箱,用于创建交互式时间序列图。人力车提供创建交互式图形所需的元素:渲染器,图例,悬停,范围选择器等。

它基于下面的d3,因此图形是使用标准SVG绘制的,并使用CSS设置了样式。使用已知的技术自定义您喜欢的一切。

Rickshaw是免费的开放源代码,可通过MIT许可获得。由Shutterstock公司开发。

CanvasJSK线走势图

Github开始:–
许可证:付费。免费许可证给学生和非商业用途。
价格:从149美元到4999美元
主要依赖关系:–
网站:https://canvasjs.com/

CanvasJS是具有高性能和简单API的响应式HTML5K线走势图库。它支持30种不同的K线走势图类型(包括折线图,柱形图,条形图,面积图,样条图,饼图,圆环图,堆积图等),所有这些都已被详细记录。所有K线走势图都包含工具提示,缩放,平移,动画等交互式功能。CanvasJS可以与流行的框架(Angular,React和jQuery)和服务器端技术(PHP,Ruby,Python,ASP.Net,Node.JS)集成。 ,Java)。

科尔查特

Github开始:–
许可:为所有用户付费
价格:从$350到$1280
主要依赖关系:–
网址:https://www.koolchart.com/

KoolChart是基于HTML5画布的JavaScriptK线走势图库。视觉效果干净现代。使用画布可以提供更好的性能,但要以基于栅格的为代价。

该API的文档详尽,每种类型均附有示例K线走势图。有两个月的试用期可供评估。试用期到期后,需要许可。

原始图

Github开始:6124
许可证:Apache 2.0
价格:免费
主要依赖项:d3.js
网站:https://rawgraphs.io/

RAWGraphs是一个开放式Web工具,用于在d3.js库的顶部创建基于矢量的自定义可视化。它由DensityDesign研究实验室(Politecnico di Milano)和Calibro开发,并由ContactLab在公司的领导下得以维持。

它适用于表格数据(电子表格和逗号分隔的值),以及其他应用程序中复制粘贴的文本。基于SVG格式,可视化可以使用矢量图形应用程序进行编辑以进一步完善,也可以直接嵌入到网页中。这是在潜水之前要探索的示例画廊。

Taucharts

GitHub上的开始:1799
许可证:Apache 2.0
价格:免费
主要依赖项:d3.js
网址:https://taucharts.com/

TauCharts是最灵活的JavaScriptK线走势图库之一。它也是基于D3的,并且是一个以数据为中心的JavaScriptK线走势图库,可以改进数据可视化。该库提供了一个声明性接口,用于将数据字段快速映射到视觉属性。它的体系结构允许您使用可重复使用的插件来构建构面并扩展K线走势图行为。

谈到灵活性,TauCharts使您可以轻松访问其API,从而为用户提供了无缝映射和可视化数据的机会,从而获得了更多惊人的见解。

任意图

Github开始:–
执照:商业使用付费
价格:从49美元到799美元的定制价格。免费用于非商业用途
主要依赖关系:–
网站:https://www.anychart.com/

AnyChart是一个健壮,轻巧且功能丰富的JSK线走势图库,可在SVG / VML中进行渲染。实际上,它为Web开发人员提供了创建不同K线走势图的绝佳机会,这些K线走势图将有助于他们进行数据分析和制定数据驱动的决策。

主要特征:

  • 超过80种JSK线走势图类型,包括基本K线走势图,股票K线走势图,地图以及甘特图和PERTK线走势图。
  • 设置数据的方法很多:XML,JSON,CSV,JS API,Google表格和HTML表格。
  • 向下钻取K线走势图数据。
  • 现成的技术分析指标和绘图工具(注释)。
  • 可以与Angular,Qlik,Oracle APEX,React,Elasticsearch,Vue.js,Android,iOS等集成

带水印的版本是免费的。为了摆脱品牌影响,以及将AnyChart用于任何商业目的,有必要购买许可证(价格从49美元起)。

K线走势图

Github开始:12230
执照:麻省理工学院
价格:免费
主要依赖项:d3.js
网站:http://recharts.org/en-US/

K线走势图提供了一组模块化的制图组件,通过让您将这些组件混合在一起以轻松构建诸如折线图和条形图之类的内容,可以做得很好。

这是迄今为止最受欢迎的图书馆。在Github上,它的星数超过11000,但也有大量(迄今为600)未解决的问题。

该文档非常详尽,但某些部分缺少详细信息。您可以在Recharts网站上找到大量示例,这可能是构建自己的K线走势图的良好起点。

令人不安的是,GitHub上有大量未解决的问题。这些问题可能并不严重,但是创作者似乎并没有经常回答这些问题。因此,如果您遇到困难,请准备好深入研究图书馆。

结论

由于制图成为我们所有人现在都需要经常实施的东西,因此有很多可供选择的开源制图库也就不足为奇了。

我们上面提到的所有库都具有很好的浏览器兼容性,并且使用旧版浏览器的人可以使用备用。基于D3构建的库具有扎实的基础,但就我个人而言,从美学的角度来看,我发现它们有些不足。

诸如FusionCharts,GoogleCharts,Dygraphs或D3衍生产品之一之类的库可能最适合拥有大量数据集的公司或严重依赖数据分析的小型企业。商业产品Highcharts和FusionCharts都是成熟的库,可以很好地适应大多数用例。它们都对大型数据集(> 100k数据点)具有不同程度的支持,并支持各种K线走势图。如果您需要呈现一种特定类型的K线走势图,则选择范围可能会缩小到仅其中之一。

如果您只需要小巧又快速的东西,Morris.js或Chart.js可能会更好。对于图形和网络,Cytoscape或Sigma.js可能是可行的方法。

如果您想使用免费的开源库,请使用Chart.js。对于常见的用例来说,这非常简单。如果您需要对渲染进行更多控制,则可以考虑使用Chartist。

为了选择满足您独特需求的最佳JSK线走势图解决方案,我建议您根据上面列出的几个库测试您自己的数据,以确保最适合您当前和将来的项目。

附言我们已经准备了一个表,以通过npm下载来显示库的受欢迎程度。我们看到最受欢迎的是d3,chart.js和Highcharts。

关于Flatlogic
在Flatlogic,我们开发管理仪表板模板和React Native模板。我们被列入白俄罗斯和立陶宛的20大Web开发公司之一。在过去的6年中,我们已经成功地为小型初创企业和大型企业完成了30多个大型项目。作为一个团队,我们始终渴望为客户提供帮助。

您可能还会喜欢这些文章:

最热门的日期选择器JavaScript插件和库
顶级React Native UI组件套件
带有Node.JS后端的前5个管理模板

最初在flatlogic.com上发布-React,Angular,Vue,Bootstrap和React Native模板和主题。

文本来源:19个用于创建K线走势图的在线工具

资讯来源:由0x资讯编译自DEV,原文:https://dev.to/anaflatlogic/19-online-tools-for-creating-charts-1jde ,版权归作者所有,未经许可,不得转载
你可能还喜欢