由echarts想到的js中的时间类型

在工作中使用echarts时，偶然发现折线图中对时间类型变量的用法：

now前面的+号何解？

now = new Date(+now + oneDay);

后来查阅资料，看到一篇博客，解释如下：这是对后面的对象做一个+运算，触发对象执行valueOf进行求值！而Date实例的valueOf返回它的毫秒数，大家可以尝试如下代码:

var now = new Date, time = now.getTime();console.log(time==now.valueOf());//true

console.log(time==+now);//true

再举个例子：

    function person() {}person.prototype.valueOf = function () {return "miaoying";}var foo = new person();console.log("hello " + foo);//这里将输出字符串"hello miaoying"console.log("hello " + foo.valueOf());//这里将输出字符串"hello miaoying"

echarts中的代码如下：

function randomData() {now = new Date(+now + oneDay);value = value + Math.random() * 21 - 10;return {name: now.toString(),value: [[now.getFullYear(), now.getMonth() + 1, now.getDate()].join('/'),Math.round(value)]}
}var data = [];
var now = +new Date(1997, 9, 3);
var oneDay = 24 * 3600 * 1000;
var value = Math.random() * 1000;
for (var i = 0; i < 1000; i++) {data.push(randomData());
}option = {title: {text: '动态数据 + 时间坐标轴'},tooltip: {trigger: 'axis',formatter: function (params) {params = params[0];var date = new Date(params.name);return date.getDate() + '/' + (date.getMonth() + 1) + '/' + date.getFullYear() + ' : ' + params.value[1];},axisPointer: {animation: false}},xAxis: {type: 'time',splitLine: {show: false}},yAxis: {type: 'value',boundaryGap: [0, '100%'],splitLine: {show: false}},series: [{name: '模拟数据',type: 'line',showSymbol: false,hoverAnimation: false,data: data}]
};

参考：http://www.cnblogs.com/Raoh/p/4212075.html

转载于:https://www.cnblogs.com/miaoying/p/7648496.html

由echarts想到的js中的时间类型相关推荐

js 判断变量是否有值返回bool_基础 |判断 JS 中的变量类型竟然可以如此简单
原标题:基础 |判断 JS 中的变量类型竟然可以如此简单嗨这里是IMWEB 一个想为更多的前端人享知识助发展觅福利有情怀有情调的公众号欢迎关注转发让更多的前端技友一起学习发展~ 正文 ...
Mysql在sql中截取时间类型字段的年月日和时间-DATE_FORMAT() 函数
Mysql在sql中截取时间类型字段的年月日和时间 DATE_FORMAT() 函数用于以不同的格式显示日期/时间数据. 下面的脚本使用 DATE_FORMAT() 函数来显示不同的格式.我们使用 N ...
java时间定义什么类型_1　Java中的时间类型
总结:sql中的时间转 util的时间直接赋值即可:反过来,必须先吧util下的时间转换成毫秒,再通过sql的构造器生成sql的时间格式. 1Java中的时间类型 java.sql包下给出三个与数据库 ...
js中的枚举类型和不可枚举类型
枚举:是指对象中的属性可以遍历出来,再简单点就是属性可以列举出来. 可枚举性决定了这个属性能否被for-in查找遍历到. js中基本包装类型的原型属性是不可枚举的,如Object, Array, Nu ...
MySQL时间戳和unix时间戳区别、MySQL中的时间类型
文章目录 1 时间戳 1.1 unix时间戳(unix timestamp) 1.2 MySQL时间戳(timestamp) 2 MySQL中timestamp和datetime的不同点 3 MySQ ...
MySQL中的时间类型
时间是一类重要的数据,MySQL中有多种关于时间的类型可以选择.这篇文章主要介绍MySQL中的时间类型,主要参考MySQL文档:https://dev.mysql.com/doc/refman/8.0 ...
mysql中的时间类型和比较大小
mysql中的时间类型和比较大小一.时间类型二.时间比较一.时间类型 mysql有五大时间类型: datetime 可以存储年月日时分秒类型的时间,如果在设计字段的时候可以设置获取当前时间,插入 ...
js中获取时间new date()的用法
获取时间: var myDate = new Date();//获取系统当前时间获取特定格式的时间: 1 myDate.getYear(); //获取当前年份(2位) 2 myDate.getFul ...
关于js中的时间处理
关于js编程, 主要是, 绝大部分是用 jquery. 但是, js原生的一些方法和属性也是要掌握的, 这个只是在遇到的时候, 记一下就好了, 如: event的relatedTarget属性: 主 ...

由echarts想到的js中的时间类型

由echarts想到的js中的时间类型相关推荐

最新文章

热门文章