更多有關(guān)ECharts圖表的設(shè)置

2018-01-12 09:26 更新
blendMode

ECharts使用blendMode來設(shè)置圖形的混合模式,不同的混合模式請(qǐng)參考 https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation 。

默認(rèn)為 'source-over'。 支持每個(gè)系列單獨(dú)設(shè)置。

'lighter' 也是比較常見的一種混合模式,該模式下圖形數(shù)量集中的區(qū)域會(huì)顏色疊加成高亮度的顏色(白色)。常常能起到突出該區(qū)域的效果。見示例 全球飛行航線

hoverLayerThreshold

圖形數(shù)量閾值,決定是否開啟單獨(dú)的 hover 層,在整個(gè)圖表的圖形數(shù)量大于該閾值時(shí)開啟單獨(dú)的 hover 層。

單獨(dú)的 hover 層主要是為了在高亮圖形的時(shí)候不需要重繪整個(gè)圖表,只需要把高亮的圖形放入單獨(dú)的一個(gè) canvas 層進(jìn)行繪制,防止在圖形數(shù)量很多的時(shí)候因?yàn)楦吡林乩L所有圖形導(dǎo)致卡頓。

ECharts 2 里是底層強(qiáng)制使用單獨(dú)的層繪制高亮圖形,但是會(huì)帶來很多問題,比如高亮的圖形可能會(huì)不正確的遮擋所有其它圖形,還有圖形有透明度因?yàn)楦吡梁驼D形疊加導(dǎo)致不正確的透明度顯示,還有移動(dòng)端上因?yàn)槊總€(gè)圖表都要多一個(gè) canvas 帶來的額外內(nèi)存開銷。因此 3 里默認(rèn)不會(huì)開啟該優(yōu)化,只有在圖形數(shù)量特別多,有必要做該優(yōu)化時(shí)才會(huì)自動(dòng)開啟。

useUTC

是否使用 UTC 時(shí)間。

  • true: 表示 axis.type 為 'time' 時(shí),依據(jù) UTC 時(shí)間確定 tick 位置,并且 axisLabel 和 tooltip 默認(rèn)展示的是 UTC 時(shí)間。
  • false: 表示 axis.type 為 'time' 時(shí),依據(jù)本地時(shí)間確定 tick 位置,并且 axisLabel 和 tooltip 默認(rèn)展示的是本地時(shí)間。

默認(rèn)取值為false,即使用本地時(shí)間。因?yàn)榭紤]到:

  • 很多情況下,需要展示為本地時(shí)間(無論服務(wù)器存儲(chǔ)的是否為 UTC 時(shí)間)。
  • 如果 data 中的時(shí)間為 '2012-01-02' 這樣的沒有指定時(shí)區(qū)的時(shí)間表達(dá)式,往往意為本地時(shí)間。默認(rèn)情況下,時(shí)間被展示時(shí)需要和輸入一致而非有時(shí)差。

注意,這個(gè)參數(shù)實(shí)際影響的是『展示』,而非用戶輸入的時(shí)間值的解析。 關(guān)于用戶輸入的時(shí)間值(例如 1491339540396, '2013-01-04' 等)的解析,參見 date 中時(shí)間相關(guān)部分。

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

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)