02_报表组件_echarts和highcharts

echarts和highcharts基本原理比较：

echarts和highcharts应用场景比较：

------------------------------------------------------------------

echarts和highcharts原理比较：

echarts底层为canvas，highcharts底层为svg

    canvas特点：

    ①依赖分辨率

    ②不支持事件处理器

    ③弱的文本渲染能力

    ④能够以.jpg、.png格式保存结果图像

    ⑤最适合图像密集型的游戏，其中的许多对象会被频繁重绘

 

    svg特点：

    ①不依赖分辨率

    ②支持事件处理器

    ③最适合带有大型渲染区域的应用程序（如谷歌地图）

    ④复杂度高会减慢渲染速度（任何过度使用DOM的应用都不快）

    ⑤不适合游戏应用

 

echarts和highcharts应用场景比较：

如果项目中一般没有用户交互的场景，我们只需要将图表展示给用户看，而不需要更改，可以使用echarts。

 

 

3.学习教程：

3.1 官网：

https://www.echartsjs.com/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts

https://www.highcharts.com.cn/docs/start-helloworld

3.2  runoob

https://www.runoob.com/highcharts/highcharts-tutorial.html

https://www.runoob.com/echarts/echarts-tutorial.html