核心代码

给定日期是星期几,应把字符串转为Date:

  new.Date('2017-12-30').getDay();
  // 返回0,表示星期天,1:星期一……

案例:

需求:
调用此方法
function zxt(){
$.ajax({
url:'./php/index.php',
data:{type:'zhexiantu'},
type:'post',
dataType:'json',
success:function(data){
var arr = eval(data);
zhexiantu(arr);
}
});
}

  引用echarts图表

/*通过引用echarts的js文件调用此方法*/
function zhexiantu(brr){
var h2_r = echarts.init(document.getElementById('h2_r'));
var n1=[];
var s1=[];
/*遍历重组星期*/
for(var i in brr){
n1.push(brr[i][0]);
// console.log(n1);
}
var n1_1 = [];
/*把日期格式转化为星期*/
for(var i in n1){
var array= new Array(); 
var date = new Date(n1[i]);
var day = date.getDay();
day = day == 0 ? day = 7:day;
var dayArr = {1:'一',2:'二',3:'三',4:'四',5:'五',6:'六',7:'日'};
n1_1.push("星期"+dayArr[day]); //向后追加的方法push
}
/*遍历重组数量*/
for(var i in brr){
s1.push(brr[i][1]);
}
var option4 = {
/*这是标题栏*/
title: {
text: '一周内的定位请求数量',
//标题字体
textStyle:{
fontSize:13,
fontWeight:700
},
//标题位置
x:'20px',
y:'10px'
},
xAxis: {
type: 'category',
boundaryGap: false,
// data: ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日'] //需要这种格式
data:n1_1
},
yAxis: {
type: 'value'
},
itemStyle:{color:'#F9CDA9',},
series: [{
// data: [82,32,90,34,90,30,20],
data:s1,
type: 'line',
areaStyle: {}
}]
};
h2_r.setOption(option4);
}

后台代码:

sql语句查询最近七天每一天的请求数量

        case 'zhexiantu':
$sql = "SELECT sq_time,count(*) as num FROM lsq_event where DATE_SUB(CURDATE(), INTERVAL 7 DAY) < date(sq_time) group by sq_time;";
$res = $db->query($sql);
$attr = $res->fetch_all();
echo json_encode($attr);
break;

表的截图:

功能展示:

用JS把数组内的日期转换为星期的更多相关文章

  1. 日期加减js,天数组增加,日期自动修改

    最近在弄火车票的项目,因为火车票选日期最大范围是20天,所要要控制在当前时间的20天内的一个日期 开始在网上找了一个直接修改Date prototype 后来领导说这样不太好,所以只能换个别的方法写 ...

  2. js中数组内置方法

    var arr = ['A','B','C','D']; length 计算数组的长度 arr.length//4 indexOf() 搜索一个指定的元素的位置 arr.indexOf('C');// ...

  3. js实现数组内元素随机排序

    其实蛮容易实现的,关键是简洁与否,下面是我自己写的. function randomSort(a){ var arr = a, random = [], len = arr.length; for ( ...

  4. js 中将日期转换为星期需要注意的

    new Date(strDate); 中strDate需要是1998/10/30这样的格式,如果是1998-10-30的格式,不一定旧版本的web能兼容

  5. JS处理数组内如果相同ID追加一个属性(如字体颜色)

    var arr=[{id:0},{id:0},{id:3},{id:2},{id:0},{id:4},{id:0},{id:1},{id:1},{id:2},{id:2}]; for(var i=0; ...

  6. js实现数组内数据的上移和下移

    var swapItems = function(arr, index1, index2){ arr[index1] = arr.splice(index2,1,arr[index1])[0] ret ...

  7. jq 获取除节假日与周六日 外的日期 和 星期

    //设置节假日的数组         var holiday = Array('2016-04-30','2016-05-01','2016-05-02','2016-06-09','2016-06- ...

  8. js jquery 判断元素是否在数组内

    js jquery 判断元素是否在数组内 一,js方法 var arr = ["a", "b", "c"]; // js arr.index ...

  9. JS判断元素是否在数组内

    //判断元素是否在数组内 function contains(arr, obj) { var i = arr.length; while (i--) { if (arr[i] === obj) { r ...

随机推荐

  1. JS对象 JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。

    什么是对象 JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的,如:字符串的长度.图像的长宽等: 对象的方法: ...

  2. 关于soapui如何做安全测试

    1.首先安装soapui5.1.2 第一步:运行SoapUI-Pro-x32-5.1.2_576024.exe文件,按照步骤安装成功: 第二步:拷贝Protection-4.6.jar到soapui安 ...

  3. 蛮好用的Gungho重点工作督查督办跟踪管理系统

    重点工作督查督办跟踪管理系统可以实现: 为了确保上级重要决定.指示和本单位重大目标和工作部署及时落到实处,确定实效,提升办事效率. 重点工作督查督办事项包括: 1)上级单位或领导的批示指示: 2)公司 ...

  4. SpringBoot防止重复请求,重复表单提交超级简单的注解实现

    1. 注解接口 /** * @description 防止表单重复提交注解 */@Retention(RetentionPolicy.RUNTIME)@Target(ElementType.METHO ...

  5. [JZOJ1900] 【2010集训队出题】矩阵

    题目 题目大意 题目化简一下,就变成: 构造一个\(01\)数列\(A\),使得\(D=\sum A_iA_jB_{i,j}-\sum A_iC_i\)最大. 问这个最大的\(D\)是多少. 正解 其 ...

  6. 一张图轻松掌握 Flink on YARN 应用启动全流程(上)

    Flink 支持 Standalone 独立部署和 YARN.Kubernetes.Mesos 等集群部署模式,其中 YARN 集群部署模式在国内的应用越来越广泛.Flink 社区将推出 Flink ...

  7. for in循环介绍以及陷阱

    大家都知道在JavaScript中提供了两种方式迭代对象: (1)for 循环: (2)for..in循环: 使用for循环进行迭代数组对象,想必大家都已经司空见惯了.但是,使用for.. in循环时 ...

  8. SpringBoot2.0+ 使用Log4j2日志输出

    据说Log4j2相比log4j效率有很大提升. pom.xml导入 <dependency> <groupId>org.springframework.boot</gro ...

  9. selector是在文件夹drawable中进行定义的xml文件转载 https://www.cnblogs.com/fx2008/p/3157040.html

    获取Drawable对象: Resources res = mContext.getResources(); Drawable myImage = res.getDrawable(R.drawable ...

  10. JS 拷贝传值和引用传值

    1.拷贝传值:基本数据类型都是“拷贝传值”. 拷贝传值,就是将一个变量的值“拷贝”一份,传给了另一个变量. 拷贝传值中,两个变量之间没有任何联系,修改其中一个变量的值,另一个不会改变. 这两个变量之间 ...