5月初,只身一人来到了上海求职。在上海进行了半个月的面试,最终自己比较幸运,找到了一家待遇和薪资都不错的公司。
现在是第二周,因为公司项目正在研发中,前端主要是vue,后台的话是PHP。今天主要是页面需要一个图表来显示一周的车辆进站次数,在echarts的官网查询了api然后将后台请求的数据返回显示到了页面上。
因为只是一个简单的图表,所以echarts用到的不是太难,只是一个简单的柱状图。
数据的话需要向后台传入三个数据,一个是开始日期,一个结束日期,一个查询的车牌号。
对于日期是这么写的:
let
today =
new
Date()
// 今天的日期
let
oneWeek
=
new
Date
(
today
-
7
*
24
*
3600
*
1000
)
// 一周前的日期
还有需要对日期进行一个格式化处理:
// 格式化日期
dateFormat (
date) {
return
date.
getFullYear() +
'-' + (
date.
getMonth() +
1) +
'-' + (
date.
getDate() <
10 ?
'0' +
date.
getDate() :
date.
getDate())
},
// 格式化时间
timeFormat (
date) {
return
date.
getHours() +
':' +
date.
getMinutes() +
':' +
date.
getSeconds()
},
请求回来的数据用map方法保存在一个数组对象中
在对数据处理的时候用到了一个方法是every方法,这里列举一下文档的用法:
every() 方法使用指定函数检测数组中的所有元素:
- 如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。
- 如果所有元素都满足条件,则返回 true。
注意: every() 不会对空数组进行检测。
注意: every() 不会改变原始数组。
先写一下在项目中的写法,item是vue请求返回来的数据,
this.
dataList.
every( (
item)
=> {
xAxisData.
push(
item.
date)
return
true
})
刚刚开始写个人博客,写的有些杂乱,各位将就看。