highchart 時間軸 固定起始和結束值

2021-07-09 19:55:02 字數 1008 閱讀 7718

最近有這麼乙個需求,比較不同年份之間的折線圖,一開始是根據資料來生成的資料,但是客戶方看了之後,發現對比之間的折線圖的橫座標不對應,原因就是在於,並不是每一年的資料都是從1月1日到12月31號,這就造成了折線圖的起始和結束都不是在同乙個日期上,因此,對比圖也就失去了作用。

因此,需要修改一下,固定橫座標的起始和結束點。但是我看api之後,都是用categories屬性來設定,而後,data根據categories來設定相應的值。但是我的橫座標是的type是datetime型,時間是跟著資料綁在一起的傳回來的,因此放棄了這個辦法。然後又看了一下api,發現有max和min這兩個屬性,但是值型別是int型的,也跟時間不符合。

萬般無奈,只能求救萬能的谷歌,乙個偶然的小例子給我了啟發,將年月日轉成時間戳格式,正好可以跟我返回的資料對應。

這樣的話,就可以在同一時間點進行比較了。

主要**:

var mindate = year + '-01-01';

mindate = mindate.substring(0,10);

mindate = mindate.replace(/-/g,'/');

var min = new date(mindate).gettime();

var maxdate = year + '-12-31';

maxdate = maxdate.substring(0,10);

maxdate = maxdate.replace(/-/g,'/');

var max = new date(maxdate).gettime();

xaxis: ,

gridlinewidth: 1,

min: min,

max: max

},

相信大家一定能看懂。

highchart橫縱座標都是時間軸 的實現

online,offline時間分布.日期為橫座標,小時分鐘為縱座標 hash click function e else hashcontainer highcharts title subtitle xaxis datetimelabelformats yaxis type datetime d...

mysql 時間軸 使用MySQL計算時間軸的變化

我是mysql的新手,我需要你的幫助.我有一張包含類似資料的 robotposx robotposy robotposdir robotshortestpath 0.1 0.2 15 1456 0.2 0.3 30 1456 0.54 0.67 15 1456 0.68 0.98 22 1234 0...

時間軸運動

截了一小段gif效果圖,如下 js 如下 function win,console.log timewdarr 計算時間差 var timediff function time1,time2 獲取時間段,並存入陣列 timedata.each function index,el console.lo...