本篇文章為大家展示了怎么在highCharts提示框中顯示當(dāng)前時(shí)間，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、重慶小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了無極免費(fèi)建站歡迎大家使用！

一、項(xiàng)目需求提示框中需要顯示當(dāng)前時(shí)間（常規(guī)的提示并不能達(dá)到這種效果）

樣式

二、知識點(diǎn)

highCharts圖表tooltip屬性中有一個(gè)formatter屬性

formatter: function() {……} 提示框內(nèi)容格式化回調(diào)函數(shù)，返回 false 可以針對某個(gè)點(diǎn)或數(shù)據(jù)列關(guān)閉提示框，該函數(shù)里可以執(zhí)行復(fù)雜的邏輯來返回需要的內(nèi)容。

三、代碼

shared: true,//當(dāng)提示框被共享時(shí)，整個(gè)繪圖區(qū)都將捕捉鼠標(biāo)指針的移動。提示框文本顯示有序數(shù)據(jù)（不包括餅圖，散點(diǎn)圖和標(biāo)志圖等）的系列類型將被顯示在同一個(gè)提示框中。
    formatter : function() {//提示框內(nèi)容格式化回調(diào)函數(shù)，返回 false 可以針對某個(gè)點(diǎn)或數(shù)據(jù)列關(guān)閉提示框，該函數(shù)里可以執(zhí)行復(fù)雜的邏輯來返回需要的內(nèi)容。
      var content = '';
      for (var i = 0; i < this.points.length; i++) {
        if(i == this.points.length-1){
          content += '<span >' + this.points[i].series.name + '</span>: ' + this.points[i].y +'℃'+'<br/>';
        }else{
          content += '<span >' + this.points[i].series.name + '</span>: ' + this.points[i].y +'%'+'<br/>';
        }
      };
      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 = '<span>' + nowYear + '/' + nowMonth + '/' + nowDay + ' ' + nowHours + ':' + nowMin + ':' + nowSeconds + ' year' + '</span><br/>' +content;
      return content;
    },

上述內(nèi)容就是怎么在highCharts提示框中顯示當(dāng)前時(shí)間，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)站欄目：怎么在highCharts提示框中顯示當(dāng)前時(shí)間
網(wǎng)站鏈接：http://jinyejixie.com/article24/ggsjje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、網(wǎng)站制作、電子商務(wù)、定制開發(fā)、外貿(mào)建站、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)