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

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

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

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

推薦度：

點擊下載本文 文檔為doc格式

導讀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;
 },