Echarts data赋值-程序员宅基地

技术标签: echars  

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,
    }
  ]

。。。。。。

}

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/wg22222222/article/details/101073176

智能推荐

Linux cut用法-程序员宅基地

文章浏览阅读599次。一、作用cut命令是一个选取命令,其功能是将文件中的每一行”字节” ”字符” ”字段” 进行剪切,选取我们需要的,并将这些选取好的数据输出至标准输出二、格式cut -[n]b file cut -c file cut -d[分隔符] -f[域] file三、参数解释-b(bytes) :以字节为单位进行分割。这些字节位置将忽略多字节字符边界,除非也指

Eclipse连接mySQL(亲测经历的错误)解决方法_eclipse client does not support authentication pro-程序员宅基地

文章浏览阅读5.5k次,点赞8次,收藏49次。Eclips连接mySQL错误的解决方法错误一:报错:Client does not support authentication protocol requested by server; consider upgrading MySQL client解决方法:1.打开mySQL输入use mysql;2.输入(*号表示你自己的密码)alter user 'root'@'localhost' identified with mysql_native_password by '******';_eclipse client does not support authentication protocol requested by server;

汽车UDS诊断详解及Vector相关工具链使用说明——1.3 诊断响应规则汇总_uds 功能寻址 怎么知道谁响应-程序员宅基地

文章浏览阅读2.1k次。第一篇文章中我们简要提到过服务器接收到客户端的诊断请求后的响应规则,上一篇文章我们详细介绍了诊断请求和响应的流程,现在我们来完整归纳一下服务器的诊断响应规则,即ECU接收到诊断仪的诊断请求后,应该按照哪些规则来决定给出肯定响应还是否定响应,如果给出否定响应,应该使用哪些否定响应码(后文统称NRC)。这部分内容在14229-1-2013版本的7.5章节。一、通用服务响应规则上图是标准给出的通用诊断响应规则。图中被划分为三部分:mandatory 强制的:这部分的规则是标准强制要求遵守的optio_uds 功能寻址 怎么知道谁响应

java web 项目总结_【javaWeb开发工作总结_javaWeb开发个人年终总结】-看准网-程序员宅基地

文章浏览阅读165次。java实训个人总,java实训个人总范文实训已经进行两周多了,还有一周就要正式了,突然发现自己似乎又重蹈覆辙了,再一次一次的不经意中和某些人的就距离却是越来越来大,总是想偷一下懒,总是想着马马虎虎过去算了,没有那么精打细算过。果不经意有些人人开始脱颖而出,有些人开始展露锋芒,而我也开始黯淡下去。我是想好好学学别人的,果画虎不成反类犬。原来我也是不轻易臣服的人,我即便不去领导他们也没有人可以领导我..._web项目工作总结

Linux服务器出现大量的CLOSE_WAIT的问题_linux tomcat close_wait 详情-程序员宅基地

文章浏览阅读5.4k次。Linux服务器出现大量的CLOSE_WAITLinux服务器tcp socket常见的几种状态:ESTABLISHED、TIME_WAIT、CLOSE_WAIT。TCP协议中描述,对于已经建立的连接,网络双方要进行四次握手才能成功断开连接,如果缺少了其中某个步骤,将会使连接处于假死状态,连接本身占用的资源不会被释放。提供网络服务时,需要特别关注两种状态:CLOSE_WAI_linux tomcat close_wait 详情

SystemVerilog学习-03-设计特性与接口_system verilog常用的特性-程序员宅基地

文章浏览阅读763次。设计特性添加接口,将通信和协议检查进一步封装。添加类似c语言的数据类型。添加用户自定义类型,如枚举类型、结构体类型。添加类型转换。添加包(package)从而使得多个设计之间可以共享公共类型和方法。添加方便的赋值操作符和运算操作符,例如++、十=、===。添加priority和uniquecase语句。添加always_comb、always_latch和always_ff等过程语句块。过程语句块SV添加了新的面向硬件的过程语句块,从而使得该语句块可以更清楚地表达设计者的意图。alw_system verilog常用的特性

随便推点

java静态绑定&动态绑定详解_java静态绑定概念-程序员宅基地

文章浏览阅读2.2k次。程序绑定的概念: 绑定指的是一个方法的调用与方法所在的类(方法主体)关联起来。对java来说,绑定分为静态绑定和动态绑定;或者叫做前期绑定和后期绑定静态绑定: 在程序执行前方法已经被绑定,此时由编译器或其它连接程序实现。例如:C。 针对java简单的可以理解为程序编译期的绑定;这里特别说明一点,java当中的方法只有final,static,private和构造方法是前期绑定动态绑定: 后期_java静态绑定概念

学习go语言国内最全资料链接_七米 golang-程序员宅基地

文章浏览阅读571次,点赞5次,收藏4次。就最近和各位大佬认识下来,以前觉得学习go语言,可能资料比较少,可是后来才发现,原来资料并不少,甚至可以说通过大家的努力,go社区已经非常包容且完善了接下来会推荐一些资料,以及大佬社区微软go语言中文网Gopher China golang中国LearnKu自建博客:boyacch码农桃花源七月天面向信仰编程less is betterPure White煎鱼mzh鸟窝峰云就她了luozhiyun`s BlogVincent Blanchon地鼠导航go夜读g_七米 golang

linux+tar怎样解压zip文件内容,linux tar压缩解压文件-程序员宅基地

文章浏览阅读1.7w次。时间:2016-08-30作者:admin 阅读:次-c: 建立压缩档案-x:解压-t:查看内容-r:向压缩归档文件末尾追加文件-u:更新原压缩包中的文件这五个是独立的命令,压缩解压都要用到其中一个,可以和别的命令连用但只能用其中一个。下面的参数是根据需要在压缩或解压档案时可选的。下面的参数-f 是必须的-f: 使用档案名字,切记,这个参数是最后一个参数,后面只能接档案名。# tar -cf..._tar怎么解压zip文件

一名双非程序媛面试蚂蚁、美团、携程等大厂拿 offer 分享面试过程_双非女后端大厂面经-程序员宅基地

文章浏览阅读184次。今天小编给大家带来一个优秀妹子的后台面试经验总结,希望对正在面试或者以后需要面试的人提供一些参考和帮助。具体如下:本人妹子,985 硕士,211 本科,专业都是软件工程,一直投的是 Java 后台开发,只投过一次网易的测试,技术不是大牛,但是比较努力。实验室没有项目,so 项目经验是 0,在去年这个时候看到实验室师兄找工作的艰难,因此开始复习的时间比较早。最开始先看的 java 基础,看的马某某的视频,后面就看框架视频,后来也看过某某学院的视频,都是在网上找的免费的。..._双非女后端大厂面经

运行成功:char转换为wchar_t的代码_char 转换成 wchar_t-程序员宅基地

文章浏览阅读593次。  具体代码是:int charTowchar(char* pSrc, wchar_t* pDest){ if (pSrc == NULL || pDest == NULL) { return 0; } setlocale(LC_CTYPE, "zh_CN.utf8"); int w_size = mbstowcs(NULL, pSrc, 0) + 1; //w_size=0说明出错了。可能有非法字符,也可能是locale设置不对。_char 转换成 wchar_t

Spring Security最难的地方就是这个了-程序员宅基地

文章浏览阅读3.6k次,点赞6次,收藏6次。本篇摘自胖哥最新的基于Spring Security 5.6.x的《Spring Security干货》教程。旧版的教程将在2022年1月1日下线,请需要的同学尽快通过本公众号回复“202..._configurer.addobjectpostprocessor