5大商用HTML5 交互性图表库和Echarts实用性对比，WebGL篇-控件新闻-慧都网

产品

产品
资讯
资源
视频
学院
示例

首页 > 资讯 > 5大商用HTML5 交互性图表库和Echarts实用性对比，WebGL篇

5大商用HTML5 交互性图表库和Echarts实用性对比，WebGL篇

原创|行业资讯|编辑：status|2020-10-27 17:22:37.533|阅读 1214 次

概述：WebGL是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

姊妹篇：用于数据展现的图表控件，含K线图、折线图、饼状图等

能够实现WebGL（全写Web Graphics Library）的控件并没有图表和功能性控件多，那么在上期推荐的ighcharts、Anychart、Lightningchart、GoJs、DHTMLX和Echarts中哪些控件具有良好的3D效果和功能特性呢？本篇我将为您以效果图的方式展示一下。

在线对比直达

Highcharts：https://www.highcharts.com.cn/demo/highcharts
Anychart：https://www.anychart.com/products/anychart/gallery/
Lightningchart：https://www.arction.cn/lightningChart-js
GoJs：https://gojs.net/latest/samples/index.html
DHTMLX：https://dhtmlx.com/docs/products/docsExplorer/samples.shtml
Echarts：https://echarts.apache.org/examples/zh/index.html

产品	实现效果动图	效果特征
Highcharts		Highcharts中主要提供饼图、柱状图、折线图、散点图、环形图、漏斗图等数据展示图表的3D版本。
Anychart		Anychart具有很好的工业属性例如甘特图线形图数据图表等，使用范围比较窄，不是特别全面，在WebGL方面并未涉及，相关的AnyMap也是2D地图数据展示控件
Lightningchart		Lightningchart一直在金融领域和科学计数方面存在优势，主要体现在动态数据加载方面，而且WebGL方面同样支持，例如左图体现出的声波、热力图等都体现出了它的特性。
GoJs		终于到了我的强项了，不仅有丰富的树状结构图，还有流程图、组织结构图、UML图等等，点击这里直达体验满足程序开发、进度管理、产品设计等思维碰撞，虽然线性功能玩得转，WebGL功能没有啊！
DHTMLX		DHTMLX可以详Viso一样绘制各种流程图、网络结构图、UML类图、组织结构图，以及Form表单控件、菜单控件等，不具备WebGL相关功能
Echarts		echarts提供的3D图表非常丰富，除了3D版本的饼图、柱状图、折线图、散点图、环形图、漏斗图以外，还有丰富的地理、科学计数表达、路径图、矢量场景图等。