echarts ajax 動態擷取資料

來源:互聯網
上載者:User
keys  和  values 都是動態資料   注意如果資料是{value:335, name:'直接存取'}這種格式 需要使用eval('(' + strtojson + ')')  轉一下
//載入圖表 start$(function(){   $.ajax({            //提交資料的類型 POST GET            type:"POST",            //提交的網址            //url:"http://localhost:8080/lightmanger/filemanager/fileDownload/fileDownloadPie",            url:"<%=request.getContextPath()%>/filemanager/fileDownload/fileDownloadPie",            //提交的資料            data:{},            //返回資料的格式            datatype: "html",//"xml", "html", "script", "json", "jsonp", "text".            //在請求之前調用的函數            beforeSend:function(){$("#msg").html("lodding");},            //成功返回之後調用的函數                         success:function(result){            result = $.parseJSON(result);                var keys=[];    //類別數組(實際用來盛放X軸座標值)                var values=[];    //銷量數組(實際用來盛放Y座標值                var keysArray= new Array();                 keysArray=result.key.split("#"); //字元分割                 for (var i=0;i<keysArray.length ;i++ ) {              keys.push(keysArray[i]);                 }      var valuesArray= new Array();   valuesArray=result.value.split("#"); //字元分割   for (var i=0;i<valuesArray.length ;i++ ) {   values.push(eval('(' + valuesArray[i] + ')'));               }                var myChart = echarts.init(document.getElementById('mainPie'));         option = {         title : {             text: '自升級使用者訪下載量',             subtext: 'apk下載量',             x:'center'         },         tooltip : {             trigger: 'item',             formatter: "{a} <br/>{b} : {c} ({d}%)"         },         legend: {             orient: 'vertical',             left: 'left',             //data:['直接存取','郵件營銷','聯盟廣告','視頻廣告','搜尋引擎']             data:keys         },         series : [             {                 name: '下載次數',                 type: 'pie',                 radius : '55%',                 center: ['50%', '60%'],                data:values,                      /*  [                         {value:335, name:'直接存取'},                  {value:310, name:'郵件營銷'},                  {value:234, name:'聯盟廣告'},                           {value:135, name:'視頻廣告'},                  {value:1548, name:'搜尋引擎'}                       ], */                itemStyle: {                     emphasis: {                         shadowBlur: 10,                         shadowOffsetX: 0,                         shadowColor: 'rgba(0, 0, 0, 0.5)'                     }                 }             }         ]     };             myChart.setOption(option);            }   ,            //調用執行後調用的函數            complete: function(XMLHttpRequest, textStatus){               //alert(XMLHttpRequest.responseText);               //alert(textStatus);            },            //調用出錯執行的函數            error: function(){                //請求出錯處理            }                  });});//載入圖表 end

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.