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/