五一去云南耍了几天，昨天回来休整一天，今天继续给大家分享一个开源项目，对于前端程序员来说，非常友好，喜欢记得关注我哦！

今天要介绍的开源项目就是：Chart.js

什么是Chart.js

Chart.js 是基于 canvas 的可视化开源库。它可以用于构建简单的 H5 图表，满足基本的日常可视化需求。

Chart.js 效果如何

画出来的图表也非常的漂亮

Chart js与E charts区别有哪些？

技术阁从以下几个方面来简单分析下。

·区别之“画布” ：

Chart.js的展示部分需要使用canvas标签，再通过id来绑定script代码部分。

ECharts.js的展示部分直接使用div标签即可，注意必须规定画布的大小，再通过id来绑定script代码部分。

·区别之“语法”：

具体语法代码写在script标签里面。画布中的id对应document.getElementById('myChart1');里的id。

Chart.js线形图

Chart.js声明方式为：var chart = new Chart(ctx, option)；

ECharts.js声明方式为：var myChart = echarts.init(document.getElementById('myChart1'));

·雷达图

两种组件库的雷达图样式不大一样，可以根据需求做出选择。

另外ECharts.js还支持3d效果的图表，相当炫酷。

关注后私信“chart”，获取chart.js文档手册和github地址。