• (转)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.
    ————————————————
    原文链接:https://blog.csdn.net/qq_34784833/article/details/109462425

    Keep moving forwards~
  • 相关阅读:
    野指针防范
    Linuxgate.so.1的含义[ZZ]
    malloc hook
    用PDF补丁丁一分钟批量删除PDF文档的第一页和最后一页
    PDF 补丁丁 0.4 测试版已经上线
    生活小百科:实用的生活保健小窍门,60则!....
    Pascal Analyzer 4 代码分析使用简要说明
    大数法则
    make: *** No rule to make target `all'. Stop.
    界面动态配置:持久化反持久化
  • 原文地址:https://www.cnblogs.com/-X-peng/p/14479189.html
Copyright © 2020-2023  润新知