专栏首页代码人生highchar的x轴数据自动生成

highchar的x轴数据自动生成

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://blog.csdn.net/luo4105/article/details/51831209

highchars的x轴是可以根据数据自动生成的,不过数据类型就和以前不一样了 官网详细的例子:http://www.hcharts.cn/test/index.php?from=demo&p=16 其中x轴可以自定义格式

xAxis: {
    type: 'datetime',
    labels: {  
        formatter: function() {
        	//自定义显示格式
        	return (new Date(this.value)).Format("yyyy-MM-dd"); 
        }  
    }
},

最后选中的点的显示

tooltip: {
	enabled: true,
	formatter: function() {
		return '<b>'+ this.series.name +'</b><br/>'+(new Date(this.x)).Format("yyyy-MM-dd") +': '+ this.y +'';
	}
},

这是date加上Format的方法

Date.prototype.Format = function (fmt) { //author: meizz 
    var o = {
        "M+": this.getMonth() + 1, //月份 
        "d+": this.getDate(), //日 
        "h+": this.getHours(), //小时 
        "m+": this.getMinutes(), //分 
        "s+": this.getSeconds(), //秒 
        "q+": Math.floor((this.getMonth() + 3) / 3), //季度 
        "S": this.getMilliseconds() //毫秒 
    };
    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    for (var k in o)
    if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    return fmt;
}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Laravel源码解析之Console内核

    上一篇文章我们介绍了Laravel的HTTP内核,详细概述了网络请求从进入应用到应用处理完请求返回HTTP响应整个生命周期中HTTP内核是如何调动Laravel...

    KevinYan
  • 协议层的攻击——HTTP请求走私

    最近在学习研究BlackHat的议题,其中有一篇议题——"HTTP Desync Attacks: Smashing into the Cell Next Do...

    Seebug漏洞平台
  • Joomla 3.4.6-RCE漏洞复现

    2、Joomla基于PHP语言加上MySQL数据库所开发出来的WEB软件系统,目前最新版本是3.9.12。

    HACK学习
  • Laravel源码分析之Route

    路由是外界访问Laravel应用程序的通路或者说路由定义了Laravel的应用程序向外界提供服务的具体方式:通过指定的URI、HTTP请求方法以及路由参数(可选...

    KevinYan
  • Laravel源码解析之HTTP Kernel

    由于 PHP 可以处理 WEB 和 CLI 两种接口请求,所以 Laravel中设计 HttpKernel 和 ConsoleKernel 来处理这两种类型的请...

    KevinYan
  • 初识 prometheus

    我现在目前的读者都肯定通过prometheus这个监控吧,那么它到底是什么呢? prometheus是一个基于时间序列(time_series)的监控软件,它是...

    张琳兮
  • Laravel源码解析之Cookie

    为了安全起见,Laravel 框架创建的所有 Cookie 都经过加密并使用一个认证码进行签名,这意味着如果客户端修改了它们则需要对其进行有效性验证。我们使用 ...

    KevinYan
  • 超详细https握手与数字签名讲解

    之前看过很多https相关内容,感觉都是有个大概印象。趁着刚阅读《http权威指南》后,发表一下自己的理解。如果我有讲的不对的地方,麻烦大家帮我指点出来,阿里嘎...

    前端迷
  • 把 "格子衫" 改造得更时尚 | Kotlin & Jetpack 最佳实践技巧

    Plaid 是格子图案的意思,也是一款在 2015 年开源的 Material Design 样例应用。它通过 API 调用聚合了 Dribbble、Desi...

    Android 开发者
  • Web端IMSDK 2999状态码(SDK_READY)说明

    在集成TIM的时候,有部分同学会遇到这个状态码 code:2999;message:接口调用时机不合理,等待SDK处于ready状态后再调用,

    hhualiu

扫码关注云+社区

领取腾讯云代金券