成都创新互联网站制作重庆分公司

怎么在highCharts提示框中显示当前时间-创新互联

本篇文章为大家展示了怎么在highCharts提示框中显示当前时间,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

创新互联服务项目包括宾川网站建设、宾川网站制作、宾川网页制作以及宾川网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,宾川网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到宾川省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

一、项目需求提示框中需要显示当前时间(常规的提示并不能达到这种效果)

样式

怎么在highCharts提示框中显示当前时间

二、知识点

highCharts图表tooltip属性中有一个formatter属性

formatter: function() {……} 提示框内容格式化回调函数,返回 false 可以针对某个点或数据列关闭提示框,该函数里可以执行复杂的逻辑来返回需要的内容。

三、代码

shared: true,//当提示框被共享时,整个绘图区都将捕捉鼠标指针的移动。提示框文本显示有序数据(不包括饼图,散点图和标志图等)的系列类型将被显示在同一个提示框中。
    formatter : function() {//提示框内容格式化回调函数,返回 false 可以针对某个点或数据列关闭提示框,该函数里可以执行复杂的逻辑来返回需要的内容。
      var content = '';
      for (var i = 0; i < this.points.length; i++) {
        if(i == this.points.length-1){
          content += '' + this.points[i].series.name + ': ' + this.points[i].y +'℃'+'
';         }else{           content += '' + this.points[i].series.name + ': ' + this.points[i].y +'%'+'
';         }       };       var date = new Date();       var nowYear=date.getFullYear().toString();       var nowMonth=(date.getMonth() + 1).toString();       var nowDay=date.getDate().toString();        var nowHours=date.getHours().toString();        var nowMin=date.getMinutes().toString();        var nowSeconds=date.getSeconds().toString();        function timeAdd0(str) {          if(str.length<=1){            str='0'+str;          }          return str        }        nowYear=timeAdd0(nowYear) ;       nowMonth=timeAdd0(nowMonth) ;       nowDay=timeAdd0(nowDay) ;       nowHours=timeAdd0(nowHours) ;       nowMin=timeAdd0(nowMin);       nowSeconds=timeAdd0(nowSeconds)       content = '' + nowYear + '/' + nowMonth + '/' + nowDay + ' ' + nowHours + ':' + nowMin + ':' + nowSeconds + ' year' + '
' +content;       return content;     },

怎么在highCharts提示框中显示当前时间

上述内容就是怎么在highCharts提示框中显示当前时间,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联成都网站设计公司行业资讯频道。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


本文题目:怎么在highCharts提示框中显示当前时间-创新互联
文章源于:http://cxhlcq.com/article/cesigg.html

其他资讯

在线咨询

微信咨询

电话咨询

028-86922220(工作日)

18980820575(7×24)

提交需求

返回顶部