核心代码

给定日期是星期几,应把字符串转为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. iOS开发系列-Shell脚本生成IPA

    概述 在公司开发到了测试阶段需要频繁打包交付给测试,看似简单的工作,重复的流程总是感觉不是那么好,我们可以借助苹果提供的编译指令编译项目. 自动化脚本编译打包IPA 常见的iOS项目就是基于xcode ...

  2. gmock 简单笔记

    std::shared_ptr<MockThreadRCInvester> spMockaAcc; HelperThreadRCInvester helperAcc; // spMockA ...

  3. Java 多线程 - Future

    Java中Future的使用场景和解析 https://blog.csdn.net/hongtaolong/article/details/83349705 (细看!!!)

  4. 大数据之hadoop小文件存档

    hadoop小文件存档1.HDFS存档小文件弊端 每个文件均按块存储,每个块的元数据存储在NameNode的内存中,因此HDFS存储小文件会非常低效.因为大量的小文件会耗尽NameNode中的大部分内 ...

  5. iframe,我们来谈一谈

      某大咖说: "iframe是能耗最高的一个元素,请尽量减少使用"某大牛说: "iframe安全性太差,请尽量减少使用"...wtf, 你们知不知道你们这样浇 ...

  6. Hadoop 与 Spark 对比

    Hadoop进行海量数据分析,MR频繁落地,IO操作,计算时间就拉长.由于这种设计影响,计算过程中不能进行迭代计算.造成网络节点数据传输. Spark从理念上就开始改变.应用scala特点解决上面的核 ...

  7. Delphi THashedStringList用法

    Delphi中的THashedStringList对象 Delphi在在IniFiles 单元中定义了THashedStringList类: THashedStringList = class(TSt ...

  8. 第二篇:怕碰到是因为没掌握,来吧,zTree!

    一直以来看见web项目中的树就头疼.这次又给碰上了,什么也别说,这次自己整理一个版本出来实践一下.zTree v3.2的API界面非常清爽,但是在查看API之前,你需要自己先实践一下,知道基本的概念和 ...

  9. POJ - 3294~Relevant Phrases of Annihilation SPOJ - PHRASES~Substrings POJ - 1226~POJ - 3450 ~ POJ - 3080 (后缀数组求解多个串的公共字串问题)

    多个字符串的相关问题 这类问题的一个常用做法是,先将所有的字符串连接起来, 然后求后缀数组 和 height 数组,再利用 height 数组进行求解. 这中间可能需要二分答案. POJ - 3294 ...

  10. asp.net Core 获取应用程序所在目录的2种方式

    //获取应用程序所在目录的2种方式(绝对,不受工作目录影响,建议采用此方法获取路径).如:d:\Users\xk\Desktop\WebApplication1\WebApplication1\bin ...