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

【结构图篇】本篇将为您详细分享基于web端的树状图、UML图、桑基图、组织结构图等线性结构图控件，以上图表可以为您实现 页端思维导图、类图等功能。

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

桌面版的思维导图工具已经特别多了，而且比较成熟，乳沟个人使用成本也比较低，但是如果企业内部需要经常做一些线性结构图，比如思维导图、组织结构图、UML类图、桑基图等，适用人群基数大，购买桌面软件就显得成本巨大了，那么我们可以选择开发web端的在线结构图开发。

那么本篇我将按照结构图功能、功能效果、集成难度和收费情况为大家展现5大商用HTML5 交互性工具（Highcharts、Anychart、Lightningchart、GoJs、DHTMLX）和Echarts实用性对比。在商用领域中Highcharts和GoJs具有很强的竞争力。

在线对比直达

• 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中有可以自由绘图、箱线图、组织结构图、力导图、时间线等图形控件，满足工业和商业领域的一般使用。
Anychart		Anychart只有2个线性结构图产品，一个是Timeline Chart如左图的时间线线性图标，还有一个是Word-Tree Chart，一般树形图表，使用范围比较窄，不是特别全面
Lightningchart		这个板块好像没我啥事儿啊，我擅长的是数据的动态加载啊！
GoJs		终于到了我的强项了，不仅有丰富的树状结构图，还有流程图、组织结构图、UML图等等，点击这里直达体验 满足程序开发、进度管理、产品设计等思维碰撞
DHTMLX		DHTMLX的结构图可以详Viso一样绘制各种流程图、 络结构图、UML类图、组织结构图，适合拿来作为一般工具
Echarts		echarts提供的属性图样式比较单一，但是可以设定上下左右方向，另外还有同样风格的螺纹图，每个节点内容可以收拢和展开。

标签：