码迷,mamicode.com
首页 > Web开发 > 详细

提供一个好用的图表插件(js图表类库)颠覆性的设计器

时间:2015-01-08 07:16:39      阅读:479      评论:0      收藏:0      [点我收藏+]

标签:图表插件   js图表库   okaycharts   

图表类库,大家肯定想到Hghcharts,Echarts这类通过给API接口来作图的工具。今天介绍的这个Okaycharts,api接口和文档也提供,但设计性的提供了一个图表设计器,通过可视化的编辑,做出相应的图表,最后一键复制js,拿到调用js库的代码~当然也有api文档,提供给有特殊需求的图表。

网址是www.okaycharts.com可以自己去看看,有介绍和帮助文档,这里不做赘述。

技术分享

这里是okaycharts设计器的界面图。首先选择图形种类,折线图柱状图条形图,饼图环形图仪表盘,股价图堆积图面积图,地图雷达图甘特图,还挺全面的。

接着是右边的导入数据源。他提供3种输入导入格式。分别是json数据源,这个在系统应用里最常用。数据库的数据经过格式转换保存在json,再给url到设计器,直接调用,支持动态刷新。另一种是静态的Execl数据,还有个是内置数据集。

图形选好了,数据也导入了,后面就是根据需求来调整图形的样式了,什么动态刷新,图表联动,拖拽重计算,数据钻去,都是文字描述的,没有代码基础也一下就会。

技术分享

技术分享

做好以后,点击复制js代码,就将做好的图变成js格式了,这就是包装好的api,嵌入项目里调用即可。

这个okcharts据说还支持ios和andriod的原生开发,提供原生的图表库。我看不错,推荐给大家

本文出自 “一根老香蕉” 博客,请务必保留此出处http://louisdr.blog.51cto.com/9815105/1600389

提供一个好用的图表插件(js图表类库)颠覆性的设计器

标签:图表插件   js图表库   okaycharts   

原文地址:http://louisdr.blog.51cto.com/9815105/1600389

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!