注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

刘小龙

成功需要的是一场持久的战役!

 
 
 

日志

 
 

HighCharts日期及数值格式化(转载)  

2014-10-22 09:42:30|  分类: 知识积累 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1、函数原型

 

 
1
dateFormat(Stringformat,[Numbertime],[Booleancapitalize])::String

 

2、说明

格式化JavaScript 时间(也就是一个时间数值,从197011日到现在的秒值)成为我们容易理解的常规的字符串型的时间格式(比如2012/10/23等)。这个格式化函数继承PHP格式化时间函数。

3、参数说明:

1format: String

一个String型的格式字符串,包含如下形式

 

%a: 简短型星期,比如‘Mon’.

%A: 完整型星期, 比如‘Monday’.

%d: 两位的日期, 从01到31.

%e: 数字型日期,从 1 到 31.

%b: 简短型月份, 比如 ‘Jan’.

%B: 完整型月份, 比如 ‘January’.

%m: 两位的月份, 从01 到 12.

%y: 两位数的年份, 比如 09 代表 2009.

%Y: 四位数的年份, 比如 2009.

%H: 两位数的24小时制的时间, 从00 到 23.

%I: 两位输得12小时制的时间, 从 00 到 11.

%l (小写字母l):12小时制的时间, 1 到 11.

%M: 两位的分钟, 从00 到 59.

%p: 小写形式的 AM 或 PM.

%P: 大写形式的 AM or PM.

%S: 两位的秒, 从00 到 59

 

2) time: Number  需要转换的javascript 时间戳

在编程中,我们的时间都是以时间戳,我们计时的标准是一个数值,代表着距1970年1月1日到现在的秒值,这样我们处理日期之需处理一个int型参数就行。我们可以写简单的javascript代码测试时间戳,例如

(2012-9-2 16:53:33) = 1350982413186 s

3capitalize: Boolean

是否以大写形式显示返回值。dateFormat返回值类型是string型。

4、实例代码

比如要格式化为“yyyy-MM-dd hh:mm:ss”也就是形如“2012-10-23 18:33:23”,那么我们的函数就可以为dateFormat(‘%Y-%m-%d %H:%M:%S’, xxx)

 

 
1
2
3
4
5
6
tooltip:{
   formatter:function(){
      return'<strong>'+this.series.name+'</strong>'+
         Highcharts.dateFormat('%Y-%m-%d %H:%M:%S',this.x)+': '+this.y+' m/s';
   }
},...

 

二、numberFormat数值格式化

highcharts-numberformat

1、函数原型

 

 
1
numberFormat(Numbernumber,[Numberdecimals],[StringdecimalPoint],[StringthousandsSep])::String

 

2、参数说明

1) number: Number

需要格式化的数字

2decimals:Number

保留的小数位

3decimalPoint: String

小数点符号,默认是“.”,比如19.8

4) thousandsSep: String

一千的分隔符,默认是“,”,比如1999,9990

3、实例说明

比如我们需要将tooltip中显示的数值设置为保留两位小数点,小数点符号为“.”,我们的格式化函数就可以为numberFormat(xxx, 2,  ‘.’) 

 

 
 
 
JavaScript
 
1
2
3
4
5
6
tooltip:{
   formatter:function(){
      return''+this.series.name+''+
         this.x+': '+Highcharts.numberFormat(this.y,2,'.')+' millions';
   }
},...


原文链接:http://www.cnblogs.com/easypass/p/3572864.html
  评论这张
 
阅读(57)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017