五一去云南耍了几天,昨天回来休整一天,今天继续给大家分享一个开源项目,对于前端程序员来说,非常友好,喜欢记得关注我哦!
今天要介绍的开源项目就是: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地址。