highstock websocket實現動態展現

2022-03-19 14:36:02 字數 1187 閱讀 3952

效果:從後台獲取回測資料,在前端動態展現,和聚寬實現的回測效果相仿

大體思路:先傳乙個[[int,0],[int,0],[int,0],[int,0],[int,0],...]格式的死資料到前端渲染x軸,這樣在我們動態載入資料的時候就不會出現x軸動態的變化的尷尬場面了,但是還有乙個問題就是0軸上的資料也會顯示到資料框,這個時候我們就需要設定乙個屬性 enablemousetracking: false 這個屬性我找了好長時間,所以一定要記住!

index.html**

var chart = highcharts.stockchart('container', ,

chart: ,

credits: ,

tooltip:

},xaxis: ,

type: 'datetime', // 時間軸

tickmarkplacement:"on", // 點和x軸對齊

labels:

},mintickinterval: 24

},yaxis: }},

series: [,]

});var ws;

var return_dic;

var i=0;

function run_py() ;

ws.onopen = function() ;

// 思路:第0個資料列渲染乙個0軸,其餘資料列通過addpoint動態渲染

ws.onmessage = function (evt) else

};}

注意注意:一定是 (this.y*100).tofixed(3)而不是this.y.tofixed(5)*100,不然頁面會有bug,踩過坑的人都懂

後端**

class echowebsocket(tornado.websocket.websockethandler):

def open(self):

print("websocket opened")

def on_message(self, message): #主邏輯在這裡寫的,注意不要忘了發完資料關閉close掉連線,如果要求一直連著那就沒必要關了

self.write_message(u"you said: " + message)

def on_close(self):

print("websocket closed")

長連線與echarts實現動態資料實時展示

專案上提出了乙個需求,說是需要做乙個簡單大氣的頁面,上方一排方塊顯示各個市區的當日業務數量,下方是乙個柱狀圖表,動態的顯示當日的業務數量。所謂動態就是要實時的顯示業務數量,如果有業務的增加,數字會跳動,而且柱狀圖也會增長。按照正常的想法,可以通過非同步載入不斷的向後台發起請求,對業務數量進行查詢,將...

基於cookie實現zTree樹重新整理後展開狀態不變

基於cookie實現ztree樹重新整理後,展開狀態不變。1 除了引用jquery和ztree的js外,引用cookie的js 2 js function callback ajax end function onexpand event,treeid,treenode if inarray tr程...

動態實現分頁

在開發 的過程中,做分頁處理肯定是常常遇到的。這裡介紹乙個對整個應用都有效的分頁方式。wap開發中,用不了js,顯得更有用了 在jsp頁面上,只需在需要顯示分頁資訊的地方加入請求引數 引數值為分頁 例如,在引入了struts2標籤的頁面中加入 在傳送請求的servlet中,只需例項化pageinfo...