ECharts3主題切換的兩種方法

2021-09-19 10:37:41 字數 769 閱讀 7823

echarts2.2版本中有內建的主題,也可以通重載入主題檔案引入主題檔案。寫法如下:

require(['echarts',

'echarts/theme/infographic',

'echarts/chart/pie'],

function(ec) ;

return theme;

});

直接把theme變數部分抄過來作為registertheme的第二個引數,即可實現主題的切換。但是這樣會使得**看起來很長,可讀性降低。

第一種方法是把infographic.js改造成infographic.json,再通過讀取json檔案獲取主題物件。json檔案如下所示(僅寫了color屬性):

效果請戳這裡:原始碼和演示

這種方法在實踐中有一點問題,因為讀檔案是非同步的,要把圖表例項化放到讀檔案返回後來做,否則會沒有效果。也可以在載入頁面時讀檔案,頁面載入完畢後圖表例項化,但親測在firefox上這樣做載入頁面時會顯得很卡。

第二種方法是把要用到的主題包裝一層,在主題註冊時通過呼叫介面gettheme獲得主題物件。theme.js的**如下所示,infographic和macarons的內容都來自2.2的主題檔案。

function theme() ;

var macarons =

this.gettheme = function(name)

}

效果請戳這裡:原始碼和演示

openlayers與echarts3的結合使用

首先在html介面上新增兩個div,乙個裝載地圖,乙個裝載 id map div id chart div 定義style map chart 載入地圖我就不說了,要用openlayers開始就要學會如何載入地圖。然後是準備要顯示的資料,我們的資料很簡單 var data 接下來指定圖表的配置項和資...

scrapy User Agent切換的兩種方法

第一種是使用在setting裡面設定middlewares。這個網上有較多版本,我覺得這個版本寫的比較好,也比較新。有的舊版本還在使用scrapy.contrib.middleware。scrapy新的版本裡已經不用contrib了,直接寫scrapy.middleware就可以了。note 另外為...

Fragment 切換的兩種方式

我們都知道fragment切換有兩種方式 1.replace方式 transaction.replace r.id.content,fragment1 2.add hide show方式 transaction.add r.id.content,fragment1 transaction.hide ...