Echarts data赋值

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);
}

  1. 通过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,
    }
  ]

。。。。。。

}

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值