ichartjs的使用

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

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

 

总于找到修改的地方

                          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
                        },

就妥妥

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

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

http://www.ichartjs.com/