核心代码

给定日期是星期几,应把字符串转为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. mysql 数据库基本命令

    停止mysql服务:net stop mysql      //管理员方式运行 启动mysql服务:net start mysql 进入数据库:mysql -u root -p 查看数据库:show ...

  2. Impala查询执行过程

  3. 读取数据库的数据并转换成List<>

    一.在有帮助类DbHelperSQL的时候 1.下为其中返回SqlDataReader的方法 /// <summary> /// 执行查询语句,返回SqlDataReader ( 注意:调 ...

  4. Virtualenv开发文档

    virtualenv是创建孤立的Python环境的工具.正在解决的基本问题是依赖和版本之一以及间接权限.想象一下,您有一个需要LibFoo版本1的应用程序,但另一个应用程序需要版本2.如何使用这两个应 ...

  5. element-ui 框架中使用 NavMenu 导航菜单组件时,点击一个子菜单会出现多个子菜单同时展开或折叠?

    我在使用 elment-ui 框架的导航组件时,直接粘贴复制了官网上 (http://element-ui.cn/#/zh-CN/component/menu)的例子不会出错,但是当我将他们转化为动态 ...

  6. ES5数组扩展

    ES5给数组对象添加了一些方法, 常用的5个: 1. Array.prototype.indexOf(value) : 得到值在数组中的第一个下标 2. Array.prototype.lastInd ...

  7. linux dmesg命令使用

    linux dmesg命令使用 2012-11-27 09:37 2783人阅读 评论(0) 收藏 举报  分类: linux内核与编程(199)  版权声明:本文为博主原创文章,未经博主允许不得转载 ...

  8. poj 1742 Coins(二进制优化多重背包)

    传送门 解题思路 多重背包,二进制优化.就是把每个物品拆分成一堆连续的\(2\)的幂加起来的形式,然后把最后剩下的也当成一个元素.直接类似\(0/1\)背包的跑就行了,时间复杂度\(O(nmlogc) ...

  9. How to Hide Apache Tomcat Version Number from Error Pages

    1. 进入tomcat lib目录 cd /usr/local/tomcat7/lib 2. 解压catalina.jar jar xvf catalina.jar 3. 修改ServerInfo.p ...

  10. 使用docker安装redis

    1.安装docker .检查内核版本,必须是3.10及以上 [root@localhost ~]# uname -r .安装docker [root@localhost ~]# yum install ...