### **2、數據處理** 這個參數用于處理圖表中的數據，比如：你有以下數據我想取“data”數值，渲染到餅圖中，怎么處理？ ``` ?{ ????tooltip:?{ ????????trigger:?'item', ????????formatter:?'{a}?{b}:?{c}?({d}%)' ????}, ?????color:['#fbcd5a','#71d02b','#7EB0F3'\], ????legend:?{ ????????data:?\['視頻設備',?'門禁設備',?'防盜報警'\] ????}, ????series:?[ ????????{ ????????????name:?'設備', ????????????type:?'pie', ????????????selectedMode:?'single', ????????????radius:?[0,?'30%'], ????????????label:?{ ????????????????position:?'inner', ????????????????fontSize:?50, ????????????}, ????????????labelLine:?{ ????????????????show:?false ????????????} ????????}, ????????{ ????????????name:?'設備', ????????????type:?'pie', ????????? ????????????radius:?['45%',?'60%'], ????????????labelLine:?{ ????????????????length:?39, ????????????}, ????????????label:?{ ????????????????formatter:?'{a|{b}}{abg|}\\n{hr|}\\n??{fc|{c}}??{per|{d}%}??', ????????????????backgroundColor:?'#F6F8FC', ????????????????borderColor:?'#8C8D8E', ????????????????borderWidth:?1, ????????????????borderRadius:?4, ????????????????fontSize:30, ???????????????? ????????????????rich:?{ ????????????????????a:?{ ????????????????????????color:?'#6E7079', ????????????????????????lineHeight:?52, ?????????????????????????fontSize:?25, ????????????????????????align:?'center' ????????????????????}, ??????????? ????????????????????hr:?{ ????????????????????????borderColor:?'#8C8D8E', ????????????????????????width:?'100%', ????????????????????????borderWidth:?1, ????????????????????????height:?0 ????????????????????}, ????????????????????b:?{ ????????????????????????color:?'#4C5058', ????????????????????????fontSize:?5, ????????????????????????fontWeight:?'bold', ????????????????????????lineHeight:?80 ????????????????????}, ???????????????????? ??????????????????????????????fc:?{ ????????????????????????color:?'#4C5058', ????????????????????????fontSize:?35, ????????????????????????fontWeight:?'bold', ????????????????????????lineHeight:?80 ????????????????????}, ???????????????????? ????????????????????per:?{ ????????????????????????color:?'#fff', ????????????????????????backgroundColor:?'#4C5058', ????????????????????????padding:?[3,?4], ?????????????????????????fontSize:?30, ????????????????????????borderRadius:?4 ????????????????????} ????????????????} ????????????}, ????????????data:?[ ????????????????{value:?1048,?name:?'視頻設備'}, ????????????????{value:?335,?name:?'門禁設備'}, ????????????????{value:?310,?name:?'防盜報警'} ????????????] ????????} ????] }; ```   **處理方法：** * （1）查看數據格式： 點擊數據“數據處理”的編輯按鈕，代碼編輯器中輸入“console.log("op",op)”，如圖2.101操作；打開調試模式，查看數據內容，如圖2.102；  :-: 圖2.101  :-: 圖2.102 * （2）取數據： 在代碼編輯器中輸入如下代碼，可取到數值，效果如圖2.103； >[warning]數據處理中返回的數據結構要和靜態數據中的結構一樣，例如需要的結構是{value:‘張三’}，返回的結構也要這樣，能改變的只是‘張三’的數據 ``` op=>{ return op.series[1].data } ```  :-: 圖2.103