圖片展示:
js:
var colors = ["ffac59","ffe65a","99cc33","50b9f0","45a5e6"];
//酬金支付模塊(主盤)
function initRemunerations(){
$.ajax({
type: "POST",
url: "<%=path%>/userInfoAction/findRemunerations.do",
data: {"":""},
dataType:"json",
success: function(data){
var a = data.rows;
if(a!=null && a.length>0){
var c = 0;
var lis = "";
var strXML = "<graph showPercentageValues='0' subCaption='' showNames='0' showValues='0' "+
"baseFontSize='11' showhovercap='1' formatNumber='1' numberPrefix='' "+
"numberSuffix='¥' thousandSeparator=' ' decimalPrecision='2' formatNumberScale='0'>";
titleNames = new Array(a.lentgth);
for(var i=0;i<a.length;i++){
titleNames[i] = a[i].NAME;
strXML += "<set name='"+a[i].NAME+"' value='"+a[i].REWARD+"'"+
" color='"+colors[i]+"' />";
lis +='<li>';
lis +='<span style="background-color: #'+colors[i]+';"></span>';
lis +=a[i].NAME;
lis +='</li>';
}
strXML += "</graph>";
var myChart = new FusionCharts("../../createFlash/Charts/FC_2_3_Pie2D.swf", "FusionCharts_1", "150", "160", "0", "0");
myChart.addParam("wmode","Opaque");
myChart.setDataXML(strXML);
myChart.render("remunerationsDiv");
$("#showValuesUl").empty().html(lis);
}else{
$("#remunerationsDiv").html("<h1> 暫無數據!</>");
}
},
error:function(){
}
});
}
html:
<div id="m_right">
<div class="midtab_font_g">
<%=time%>賬期佣金構成
</div>
<div class="m_leftcontent">
<div style="display: block;height: 220px;" >
<div id="remunerationsDiv" style="display: inline;margin-left: 40px; "></div>
<div id="showValuesDiv" style="width:190px;height: 220px;display: inline; position: absolute;">
<div style="margin-top: 100px;margin-left: 40px;">
<ul id="showValuesUl">
</ul>
</div>
</div>
</div>
</div>
</div>