刚接手一个项目需要前端进行数据统计制图，在网上搜索了一下到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/