简介sChart.js是一个小巧简洁的图表库,没有太多的图表类型,只有四种基本图表:柱形图、折线图、饼图和环形图。小而完整。sChart.js基本可以满足这四种图表的需求。它的小体现在它的大小上。代码只有8kb。如果用服务器的Gzip压缩的话会更小,不用担心让项目代码冗余。该库使用canvas实现,兼容IE9以上浏览器。仓库地址:sChart.js文档(中英文):http://open.omwteam.com/sChartDemo地址:http://open.omwteam.com/sChart/demo.html使用指南$npminstallchart.jsimport'schart.js'中的sChart也可以直接将脚本插入到您的HTML页面中:使用简单:newsChart(canvasId,type,data,options);可以生成图表。canvasId:画布标签的id,必填。type:图表类型,必填。options:图表配置参数,可选,详见文档。data:生成图表的数据,格式为:data:[{name:'xx',value:'yy'}]name为坐标值,value为柱状数据值。其他类型图表的数据格式是一样的,同样的数据可以生成不同的图表。Vue相关的vue-schart:是一个用vue.js封装了sChart.js的库。在Vue项目中使用起来很方便。仓库地址:https://github.com/lin-xin/vue-schart项目中使用了vue-schart:vue-manage-system总结当然成熟的图表库有很多,Chart.js、echarts等,有丰富的图表和炫酷的效果。这个图书馆肯定比不上他们。但是很多时候我的项目很小,不需要用到那么多的功能。我只是想展示一下,没关系。那他们也可以按需引用对不对?所以我觉得适合自己项目的才是最好的!更多文章:lin-xin/blog微信鉴赏
