Echarts data賦值


1.

var date=new Date;
var countYear = eval('${countForYear}');
var countYear1=0;
for (var i = 0; i < countYear.length; i++) {
  if(date.getFullYear() == countYear[i].yearNo){
    countYear1 = countYear[i].count;
  }
}
// echarts設置
// 基於准備好的dom,初始化echarts實例
var yearStatistics = echarts.init(document.getElementById('yearStatistics'));
// 指定圖表的配置項和數據
var optionYear = {
  title: [{
    text: '公司各年度投訴反饋情況',
    left: 'center',
    textStyle:{ //設置主標題風格
      color:'green'
    }
  },{
    subtext: '年度投訴反饋:',
    left: 'left'
  }],
  tooltip: {},
  xAxis: {
    text:'11',
    data: date.getFullYear()-5
  },
  yAxis: {},
  series: [{
    name: '年份',
    type: 'line',
    data: countYear1
  }]
};

yearStatistics.setOption(optionYear);
}

2. 通過ajax獲取數據並賦值

var countDept = "";
var dept = [];
var deptContent = [];

$.ajax({
  url:'URL',
  type:'post',
  data:{
    nowTime:yearForDept
  },
  dataType : "json",
  success :function(data){
    if(data.result == 1){
      countDept = eval(data.countForDept);
      // 先清空數組
      dept.splice(0,dept.length);
      deptContent.splice(0,deptContent.length);
      for (var i = 0; i < countDept.length; i++) {
        dept.push(countDept[i].handlerDept);
        deptContent.push({
          name:countDept[i].handlerDept,
          value:countDept[i].count
        })
      }
      initPieEcharts();
    }else{
      showErrMsg(yearForDept+"年,查無數據");
      return;
    }
  }
});

function initPieEcharts(){

。。。。。。

  legend: {
    type: 'scroll',
    right: 10,
    top: 30,
    bottom: 20,
    data: dept
  },
  series : [
    {  
      name:'投訴反饋比例',
      type: 'pie',
      radius : '55%',
      center: ['50%', '50%'],
      selectedMode: 'single',
      data: deptContent,
    }
  ]

。。。。。。

}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM