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