在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 前端 highcarts數(shù)據(jù)渲染速度很慢如何解決

前端 highcarts數(shù)據(jù)渲染速度很慢如何解決

圖表形式是折線圖, 當數(shù)據(jù)量比較大的時候 highcarts渲染的速度就很慢, 業(yè)務是 用折線圖畫出兩年中每一天的營業(yè)情況 這個時候就需要等很久才能加載出來 7,8秒 debug了 后臺拿數(shù)據(jù)也不過0.3秒 時間都是在這個渲染的動作,請問大佬們 你們遇到過嗎

回答
編輯回答
不歸路

highchart本身數(shù)據(jù)源沒有問題的情況下數(shù)據(jù)渲染速度是很快的,2000條數(shù)據(jù)的5s內(nèi)都能渲染完畢,我覺得主要是從后端獲取數(shù)據(jù)的時間來看一下,查看一下xhr請求的時間,或許是后端反應的太慢

2018年8月9日 16:27
編輯回答
青檸

換echarts

2017年2月6日 21:17
編輯回答
法克魷

遇到過這個問題。
也許場景類似,渲染也是花費較長時間。
我當時做了這些處理。

  1. 數(shù)據(jù)分段顯示。原來是打開就顯示歷史所有記錄,我給改成了近7天、近30天、近半年這樣的可選的,默認顯示近30天的記錄,這樣在一開始是不會有太久渲染延遲的。
  2. UI上加一個loading,不然用戶很容易認為是卡死了
  3. 優(yōu)化代碼。后臺給的數(shù)據(jù)結構往往不是highcharts所需要的,需要遍歷一下以改變格式。這個遍歷的過程也是比較耗時,可以優(yōu)化下,以降低時間復雜度。

以上三點個人經(jīng)驗,不一定完全適合你的業(yè)務場景。

2018年9月1日 17:51