FusionCharts 2D柱状图代码

最新推荐文章于 2019-12-29 23:20:33 发布

原创最新推荐文章于 2019-12-29 23:20:33 发布 · 570 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#fusioncharts #2D柱状图

FusionCharts 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用Ajax技术动态从服务器获取数据，并利用FusionCharts组件绘制饼状图的方法。通过JavaScript实现了数据请求及图表的动态更新，适用于需要实时展示数据分布情况的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$.ajax({
    type: "POST",
    url: "<%=path%>/userInfoAction/findRemuneration.do",
    data: {"parentGroup":parentGroup},
    dataType:"json",
    success: function(data){
          var a = data.rows;
          if(a!=null && a.length>0){
           var strXML = "<graph showPercentageValues='0' subCaption='' showNames='1' "+
              "baseFontSize='11' showhovercap='1' formatNumber='0' numberPrefix='' numberSuffix='￥' "+
              "thousandSeparator='' decimalPrecision='2' formatNumberScale='0'>";
          for(var i=0;i<a.length;i++){
            strXML += "<set name='"+a[i].NAME+"' value='"+a[i].REWARD+"' color='"+(Math.random()*0xffffff<<0).toString(16)+"'/>"
          }
          strXML += "</graph>";
          var myChart = new FusionCharts("../../createFlash/Charts/FC_2_3_Pie2D.swf", "FusionCharts_1", "480", "220", "0", "0");
      myChart.addParam("wmode","Opaque");//设置了这个属性，就可以被其他DIV遮住（Window | Opaque | Transparent）
      myChart.setDataXML(strXML);
      myChart.render("remunerationDiv");//ID
          }else{
          $("#remunerationDiv").html("<h1>  暂无数据！</>");
          }
      },
      error:function(){

      }
   });