技术选型echarts和Highcharts

2,639 阅读1分钟

技术选型echarts和Highcharts技术调研

比较主流的可视化图形表格分别有echarts和Highcharts,这两个框架的出现可以满足开发者建立起可视化图表, echarts底层为canvas,highcharts底层为svg。

方案对比

echarts VS Highcharts

ECharts

官网地址:echarts.apache.org/examples/zh…

优点

1.不收费 2.国人开发,便于开发和阅读文档。 3.功能丰富,可以满足大部分开发。

缺点

1.移动端明显卡顿(不建议使用,会吃掉数据,切不美观) 2.节点多的话生成的图标会很模糊(放大) 3.文档有些地方不够详细。

Highcharts

官网地址:www.highcharts.com.cn/demo/highch…

优点

1.轻量级,移动端使用比较流畅,毕竟小 2.基于svg,对于动态的增删节点数据非常灵活,不需要重新绘图 3.兼容性好,官方说兼容到IE6。

缺点

1.第一次上手有点困难 2.商业需要收费 3.官网阅读起来并不友好

echarts 和 highcharts底层比较

首先我们要知道highchart的底层是svg而echarts的底层则是canvas。

canvas特点

1.依赖分辨率 不支持事件处理器 2.弱的文本渲染能力 3.能够以.jpg、.png格式保存结果图像 4.最适合图像密集型的游戏,其中的许多对象会被频繁重绘

svg特点

1.不依赖分辨率 2.支持事件处理器 3.最适合带有大型渲染区域的应用程序(如谷歌地图) 4.复杂度高会减慢渲染速度(任何过度使用DOM的应用都不快) 5.不适合游戏应用

所以通过以上的对比可以得出:推荐是用echarts