charts或Highcharts这两种基于浏览器渲染技术的纯JS框架
Highcharts是一款纯JavaScript编写的开源图表库,为Web网站、Web应用程序提供直观、交互式图表。当前支持折线、曲线、区域、区域曲线图、柱形图、条形图、饼图、散点图、角度测量图、区域排列图、区域曲线排列图、柱形排列图、极坐标图等几十种图表类型。
Highcharts优点:
轻量级,移动端使用比较流畅,毕竟小。
基于svg,对于动态的增删节点数据非常灵活,不需要重新绘图。
图表展现美观简约大气。
稳定的性能
兼容性好,官方说兼容到IE6,实际我们只要兼容到IE8就基本满足。
完整的实例演示,功能介绍和详细的api文档。并不是说echarts就没有,而是Hcharts确实更加详细,实例更多,方便观看,这点对我们初学者来说是十分必要的。(但是有些是英文的…也不是特别影响观看)
Highcharts缺点:
中文文档欠缺。
商业收费,外国。
ECharts,一个使用 JavaScript 实现的开源可视化库,提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。
echarts的优点:
体积小,免费、上手快
国人开发,文档全,便于开发和阅读文档。
图表丰富,可以适用各种各样的功能。
echarts的缺点:
移动端使用略卡,毕竟是PC端的东西,移植到移动端肯定多多少少有些问题吧,或许跟自己水平也有一定的关系。
文档很多地方写得不够好,不够详细。
对IE8及IE8(甚至IE9)及以下的兼容性非常差,经常报一大堆错误,
缺乏立体效果图的支持等。
在文档实例不能满足的情况下除了更改颜色线长短粗细之外,其他的自定义开发比较困难。
Echarts V.S Highcharts
1、学习容易程度:只要懂JS,那么相信你能很快上手。两者打分相同。但是百度出品的Echarts对于国内城市已经有了相应的配置,调用非常方便。因此在绘制地图方面,Echarts略胜一筹。
2、大数据表现力:有网友说,当数据量达到万条的级别时,Highcharts的多表联动、自动缩放具有更强的优势,而Echarts则会出现明显的卡顿,需要设置datazoom。因此Hightcharts完胜。
3、文档友好程度:Echarts是百度的,Highcharts是国外的。Echarts是文档是中文的,Highcharts是英文的。
4、图表美观程度:看看两家的实例Echarts、Highcharts,Echarts完爆啊(上面的对比雷达图就是用Echarts做的)!而且Echarts基于Canvas,对于3D绘图有绝对优势,能画出极漂亮的图形。
5、图表配置的自由度:Highcharts基于SVG,方便定制,同类型的图表,Highcharts能玩出100种花样。极高的自由度非常适用于定制商业化的大屏。
echarts底层为canvas,highcharts底层为svg
canvas特点:
①依赖分辨率
②不支持事件处理器
③弱的文本渲染能力
④能够以.jpg、.png格式保存结果图像
⑤最适合图像密集型的游戏,其中的许多对象会被频繁重绘
svg特点:
①不依赖分辨率
②支持事件处理器
③最适合带有大型渲染区域的应用程序(如谷歌地图)
④复杂度高会减慢渲染速度(任何过度使用DOM的应用都不快)
⑤不适合游戏应用
APS帮助提升企业生产效率,真正实现生产计划可视化呈现与控制,快速有效响应不同场景的生产计划,提高准时交货能力,提高产能和资源利用率
想要了解甘特图或慧都APS系统,请登录慧都网咨询在线客服,解决您的问题!
本文章转载自【慧都科技】t欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,尊重他人劳动成果