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

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

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

一、項(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 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í)價(jià)值,謝謝大家對腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接

相關(guān)文章

  • 加載 vue 遠(yuǎn)程代碼的組件實(shí)例詳解

    加載 vue 遠(yuǎn)程代碼的組件實(shí)例詳解

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

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

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

    Vue3中使用Pinia的方法詳細(xì)介紹

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最新評論

乐山市| 义乌市| 资中县| 贡嘎县| 微博| 长顺县| 县级市| 娱乐| 佳木斯市| 星座| 荔波县| 益阳市| 德江县| 芜湖市| 长阳| 桃园县| 双桥区| 温泉县| 永德县| 安溪县| 凤冈县| 肇东市| 高邑县| 积石山| 林口县| 白沙| 阿合奇县| 子洲县| 德清县| 丰城市| 榆社县| 新绛县| 龙游县| 泊头市| 北碚区| 含山县| 永登县| 大渡口区| 新昌县| 沙湾县| 庆云县|