echarts和highcharts的区别

ECharts

官网地址— https://echarts.apache.org/examples/zh/index.html

Apache ECharts (incubating) 是由百度捐给 Apache 开源基金会的开源项目，目前正在孵化中。ECharts是一款基于Javascript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。

提供大量常用的数据可视化图表，底层基于ZRender（一个全新的轻量级canvas类库），创建了坐标系，图例，提示，工具箱等基础组件，并在此上构建出折线图（区域图）、柱状图（条状图）、散点图（气泡图）、饼图（环形图）、K线图、地图、力导向布局图以及和弦图，同时支持任意维度的堆积和多图表混合展现。

Highcharts

官网地址— https://www.highcharts.com.cn/demo/highcharts

Highcharts 是一个用纯JavaScript编写的一个图表库， 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表，并且免费提供给个人学习、个人网站和非商业用途使用。HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表。

优缺点

ECharts

优点

• 不收费
• 国人开发，便于开发和阅读文档。
• 图表丰富，可以适用各种各样的功能。

缺点

• 节点多的话生成的图标会很模糊（放大）
• 移动端使用略卡（没有试过）
• 文档很多地方写得不够好，不够详细（确实不够详细）。
• 对IE8及IE8（甚至IE9）及以下的兼容性非常差，经常报一大堆错误，
• 在文档实例不能满足的情况下除了更改颜色线长短粗细之外，其他的自定义开发比较困难
• 部分操作获取时会出现空白的数据比如：生成pdf时 图表要单独进行一下处理。（Hcharts没有试过）

Hcharts

优点

• 轻量级，移动端使用比较流畅，毕竟小。
• 基于svg，对于动态的增删节点数据非常灵活，不需要重新绘图。
• 稳定的性能
• 兼容性好，官方说兼容到IE6，实际我们只要兼容到IE8就基本满足。
• 完整的实例演示，功能介绍和详细的api文档。并不是说echarts就没有，而是Hcharts确实更加详细，

缺点

• 中文文档欠缺。
• 商业收费，外国。

echarts 和 highcharts底层比较

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

canvas特点

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

svg特点

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

所以通过以上的对比可以得出：（看业务需求）

如果是一些简单的图表展示，哪个自己熟悉就用哪个。不用有任何考虑。
如果是复杂图表，要求性能并且是动态更新比较频繁（实时），就用基于canvas的echarts。
如果是不太复杂的图表，要求一些细节东西（比如地图这种可以放大缩小的需求），就用基于svg的highchart.
如果客户需求爱好特别（需要比较多特殊图形表示） 可以考虑d3（网上说的，我不会！嘿嘿）

关注一下！让我们相互学习吧！！！！！！！！！！！！虽然我很菜，但是我想变得强大！！！！！！！！！！！！！