ECharts漸進(jìn)式渲染簡(jiǎn)單介紹

2018-01-11 09:25 更新
progressive

表示ECharts漸進(jìn)式渲染時(shí)每一幀繪制圖形數(shù)量，設(shè)為 0 時(shí)不啟用漸進(jìn)式渲染，支持每個(gè)系列單獨(dú)配置。

在圖中有數(shù)千圖形甚至好幾萬(wàn)圖形的時(shí)候，一下子把圖形繪制出來(lái)，或者交互重繪的時(shí)候可能會(huì)造成界面的卡頓甚至假死，因此 ECharts 從 3.2.0 開(kāi)始支持大量圖形的漸進(jìn)式渲染（progressive rendering），渲染的時(shí)候會(huì)把創(chuàng)建好的圖形分到數(shù)幀中渲染，每一幀渲染只渲染指定數(shù)量的圖形。

該配置項(xiàng)就是用于配置該系列每一幀渲染的圖形數(shù)，默認(rèn)是 400 個(gè)，可以根據(jù)圖表圖形復(fù)雜度的需要適當(dāng)調(diào)整這個(gè)數(shù)字使得在不影響交互流暢性的前提下達(dá)到繪制速度的最大化。比如在 lines 圖或者平行坐標(biāo)中線寬大于 1 的 polyline 繪制會(huì)很慢，這個(gè)數(shù)字就可以設(shè)置小一點(diǎn)，而線寬小于等于 1 的 polyline 繪制非?？?，該配置項(xiàng)就可以相對(duì)調(diào)得比較大。

progressiveThreshold

啟用漸進(jìn)式渲染的圖形數(shù)量閾值，在單個(gè)系列的圖形數(shù)量超過(guò)該閾值時(shí)啟用漸進(jìn)式渲染。

以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)