首页 > Web开发 > 详细

ichartjs的使用

时间:2014-11-28 12:47:17      阅读:569      评论:0      收藏:0      [点我收藏+]

刚接手一个项目需要前端进行数据统计制图,在网上搜索了一下到ichartjs 感觉不错和设计需求差不多,down下来捣鼓一下就做出这样。

bubuko.com,布布扣

翻了半天api接口走读源码也没找到修改图例和条形图上的文字的地方,对照其他demo

bubuko.com,布布扣 

总于找到修改的地方

                          legend:{
                            enable:true,
                            align:‘center‘,
                            valign:‘bottom‘,
                            row:1,
                            column:‘max‘,
                            background_color : null,
                            border : {
                                enable : false
                            }
                        },
                        sub_option:{
                            listeners:{
                                /**
                                * r:iChart.Rectangle2D对象
                                * e:eventObject对象
                                * m:额外参数
                                */
                                click:function(r,e,m){
                                    Pie2D(r.get(‘id‘));
                                }
                            },
                            label :false
                        },

就妥妥

bubuko.com,布布扣

加上高大上的动画效果和弹出效果,最终的效果就出炉了。

bubuko.com,布布扣

后记: 遇到问题不要着急,遇到问题先学习文档,并观察不同的demo。说不定就有答案。不能上来就看源码。

http://www.ichartjs.com/



ichartjs的使用

原文:http://my.oschina.net/u/1583516/blog/349842

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!