最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

highCharts提示框中顯示當(dāng)前時間的方法

 更新時間:2019年01月18日 11:38:58   作者:muzidigbig  
今天小編就為大家分享一篇關(guān)于highCharts提示框中顯示當(dāng)前時間的方法,小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧

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

樣式

二、知識點

highCharts圖表tooltip屬性中有一個formatter屬性

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

三、代碼

shared: true,//當(dāng)提示框被共享時,整個繪圖區(qū)都將捕捉鼠標指針的移動。提示框文本顯示有序數(shù)據(jù)(不包括餅圖,散點圖和標志圖等)的系列類型將被顯示在同一個提示框中。
    formatter : function() {//提示框內(nèi)容格式化回調(diào)函數(shù),返回 false 可以針對某個點或數(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 style="font-size: 10px; color: ' + this.points[i].series.color + '">' + this.points[i].series.name + '</span>: ' + this.points[i].y +'℃'+'<br/>';
        }else{
          content += '<span style="font-size: 10px; color: ' + this.points[i].series.color + '">' + 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;
    },

四、效果

若有不足請多多指教!希望給您帶來幫助!

總結(jié)

以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,謝謝大家對腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接

相關(guān)文章

  • 加載 vue 遠程代碼的組件實例詳解

    加載 vue 遠程代碼的組件實例詳解

    vue-cli 作為 Vue 官方推薦的項目構(gòu)建腳手架,它提供了開發(fā)過程中常用的,熱重載,構(gòu)建,調(diào)試,單元測試,代碼檢測等功能。我們本次的異步遠端組件將基于 vue-cli 開發(fā)
    2017-11-11
  • Vue.js中該如何自己維護路由跳轉(zhuǎn)記錄

    Vue.js中該如何自己維護路由跳轉(zhuǎn)記錄

    這篇文章主要給大家介紹了關(guān)于Vue.js中該如何自己維護路由跳轉(zhuǎn)記錄的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家學(xué)習(xí)或者使用Vue.js具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-05-05
  • Vue3中使用Pinia的方法詳細介紹

    Vue3中使用Pinia的方法詳細介紹

    這篇文章主要給大家介紹了關(guān)于Vue3中使用Pinia的相關(guān)資料,pinia是一個用于vue的狀態(tài)管理庫,類似于vuex,是vue的另一種狀態(tài)管理工具,文中介紹的非常詳細,需要的朋友可以參考下
    2024-01-01
  • vue中如何讓子組件修改父組件數(shù)據(jù)

    vue中如何讓子組件修改父組件數(shù)據(jù)

    這篇文章主要介紹了vue中子組件修改父組件數(shù)據(jù)的相關(guān)資料,文中介紹了vue中watch的認識,關(guān)于子組件修改父組件屬性認識,本文給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
    2018-06-06
  • vue實現(xiàn)分頁欄效果

    vue實現(xiàn)分頁欄效果

    這篇文章主要為大家詳細介紹了vue實現(xiàn)分頁欄效果,分頁欄設(shè)計的步驟與實現(xiàn)方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-06-06
  • 解決vue3報錯:找不到模塊或其相應(yīng)的類型聲明

    解決vue3報錯:找不到模塊或其相應(yīng)的類型聲明

    這篇文章主要給大家介紹了關(guān)于如何解決vue3報錯:找不到模塊或其相應(yīng)的類型聲明的相關(guān)資料,這個錯誤提示是指在代碼中引用了Vue模塊,但是系統(tǒng)找不到該模塊或者缺少相應(yīng)的類型聲明文件,需要的朋友可以參考下
    2023-07-07
  • 基于vue.js路由參數(shù)的實例講解——簡單易懂

    基于vue.js路由參數(shù)的實例講解——簡單易懂

    下面小編就為大家?guī)硪黄趘ue.js路由參數(shù)的實例講解——簡單易懂。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-09-09
  • vue項目嵌套iframe實現(xiàn)發(fā)送、接收數(shù)據(jù)

    vue項目嵌套iframe實現(xiàn)發(fā)送、接收數(shù)據(jù)

    這篇文章主要介紹了vue項目嵌套iframe實現(xiàn)發(fā)送、接收數(shù)據(jù),具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-05-05
  • 解決$store.getters調(diào)用不執(zhí)行的問題

    解決$store.getters調(diào)用不執(zhí)行的問題

    今天小編就為大家分享一篇解決$store.getters調(diào)用不執(zhí)行的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-11-11
  • vue深拷貝的3種實現(xiàn)方式小結(jié)

    vue深拷貝的3種實現(xiàn)方式小結(jié)

    當(dāng)使用同一個對象產(chǎn)生沖突時,可以使用lodash包,對該對象進行深拷貝,從而使操作的對象為不同的對象,這篇文章主要給大家介紹了關(guān)于vue深拷貝的3種實現(xiàn)方式,需要的朋友可以參考下
    2023-02-02

最新評論

扶余县| 涟源市| 临安市| 昌黎县| 彭泽县| 武冈市| 周口市| 永善县| 海林市| 盖州市| 微博| 平潭县| 包头市| 峨边| 富平县| 互助| 油尖旺区| 赣榆县| 邮箱| 万州区| 会理县| 博罗县| 呼玛县| 石河子市| 乌鲁木齐市| 滨海县| 阿克苏市| 诏安县| 怀仁县| 海阳市| 宝坻区| 广饶县| 双流县| 贺州市| 勃利县| 霞浦县| 云安县| 曲阳县| 吴江市| 华安县| 辉县市|