国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

highCharts提示框中顯示當前時間的方法

來源:懂視網 責編:小采 時間:2020-11-27 22:01:53
文檔

highCharts提示框中顯示當前時間的方法

highCharts提示框中顯示當前時間的方法:一、項目需求提示框中需要顯示當前時間(常規的提示并不能達到這種效果) 樣式 二、知識點 highCharts圖表tooltip屬性中有一個formatter屬性 formatter: function() {……} 提示框內容格式化回調函數,返回 false 可以針對某個點或數據列關閉提示框,
推薦度:
導讀highCharts提示框中顯示當前時間的方法:一、項目需求提示框中需要顯示當前時間(常規的提示并不能達到這種效果) 樣式 二、知識點 highCharts圖表tooltip屬性中有一個formatter屬性 formatter: function() {……} 提示框內容格式化回調函數,返回 false 可以針對某個點或數據列關閉提示框,

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

樣式

二、知識點

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 += '<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;
 },

四、效果

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

總結

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

highCharts提示框中顯示當前時間的方法

highCharts提示框中顯示當前時間的方法:一、項目需求提示框中需要顯示當前時間(常規的提示并不能達到這種效果) 樣式 二、知識點 highCharts圖表tooltip屬性中有一個formatter屬性 formatter: function() {……} 提示框內容格式化回調函數,返回 false 可以針對某個點或數據列關閉提示框,
推薦度:
標簽: 顯示 中的 日期
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 国产精品视频一区二区三区 | 国产精品久久久久久久久鸭 | 伊人网中文字幕 | 亚洲国产成人久久综合区 | 一区二区三区欧美视频 | 在线亚洲v日韩v | 日本亚欧乱色视频在线观看 | 国产一级在线 | 99一区二区三区 | 日韩v欧美 | 波多野吉衣在线观看 | 国产 日韩 欧美在线 | 美女一级a毛片免费观看 | 国产精品99久久久 | 欧美激情爱爱 | 欧美日本一区二区 | 国内精品线在线观看 | 欧美视频亚洲视频 | 免费在线欧美 | 日本三级免费 | 91福利国产在线观一区二区 | 精品欧美一区二区三区 | 中文字幕第7页 | 国产日产欧美一区二区三区 | 亚洲国产成人精品女人久久久 | 亚洲欧洲国产成人综合一本 | 久久91精品国产91久久 | 国产高清美女一级毛片久久 | 国产欧美日韩精品第二区 | 91在线一区二区 | heyzo国产| 亚洲日韩第一页 | 国产精品一区在线播放 | 国产激情一区二区三区在线观看 | 欧美日韩国产一区二区三区不卡 | 韩日精品视频 | 亚洲午夜在线视频 | 日本欧美国产精品第一页久久 | 亚洲色图另类 | 99久久国产亚洲综合精品 | 一区二区视频 |