如何導(dǎo)入使用echarts和切換主題？我很高興我最近也使用了eCart。在ecarts提供的用法中，require用作模塊化加載的入口。如果您使用像requirejs和seajs這樣的模塊來(lái)加載JS庫(kù)

如何導(dǎo)入使用echarts和切換主題？

我很高興我最近也使用了eCart。在ecarts提供的用法中，require用作模塊化加載的入口。如果您使用像requirejs和seajs這樣的模塊來(lái)加載JS庫(kù)，那么您可以使用require（）來(lái)初始化ecart。您在本文中發(fā)布的鏈接正式介紹了如何使用模塊化來(lái)加載eCart。如果不使用模塊化，echarts還提供相應(yīng)的初始化方法。首先，下載源代碼后，在頁(yè)面中引入lib/ecarts plain-地圖.js，純地圖是未壓縮的版本。在介紹了主文件之后，可以直接用init（）來(lái)實(shí)例化

ecarts是一個(gè)非常有用、炫目、功能強(qiáng)大的插件。在這里，我們使用一種模塊化方法來(lái)引用同一頁(yè)上的多個(gè)不同圖表。

1. 找到打印文件并下載到這臺(tái)機(jī)器上。

2. 將文件名更改為ecarts（我不需要更改它。為了方便起見(jiàn)，我修改了它），然后把它放在我自己項(xiàng)目的JS文件中（這里可以等于JS，這取決于我的偏好）。

3. 使用腳本引用HTML文件中的ecarts文件。在HTML中引用成功后，打開(kāi)JS文件或腳本標(biāo)簽配置文件路徑：注意此路徑應(yīng)與剛才介紹的ecarts文件路徑一致，目錄應(yīng)在JS文件之上一級(jí)。

4. 這里我們根據(jù)需要的圖表來(lái)加載相應(yīng)的文件，也就是說(shuō)，你想要的圖表就是你想要加載的圖表。例如，餅圖是餅圖，條形圖是條形圖，地圖是地圖，等等。注意這一步：兩個(gè)紅色框是對(duì)我們自己編寫(xiě)的方法的引用。傳遞的參數(shù)EC表示我們正在實(shí)例化電子藝品.init“ecarts”當(dāng)（）。

6. 我們使用一種方法來(lái)表示每個(gè)圖表，即每個(gè)圖表的特定設(shè)置。

7. 最后，把它們都放到了剛才的“麥克哈特”方法中。8最后的顯示效果

新的電子藝術(shù).html準(zhǔn)備一個(gè)大小（寬度和高度）為ecarts的DOM，如下圖所示：創(chuàng)建一個(gè)新標(biāo)簽并引入一個(gè)模塊化的單個(gè)文件電子藝界.js，如下圖所示：在新標(biāo)簽中，為模塊加載器配置eCart的路徑和所需的圖表（相對(duì)路徑）從當(dāng)前頁(yè)到電子藝界.js)

echarts如何在一個(gè)頁(yè)面里引用多個(gè)圖表？

新建TXT文本

將文本名稱(chēng)修改為Demo1。HTML（注意：需要修改文件名）

將示例代碼復(fù)制到Demo1

用瀏覽器打開(kāi)

導(dǎo)入模塊化單個(gè)文件（推薦）

1

新建一個(gè)電子藝術(shù).html要準(zhǔn)備一個(gè)大小（寬度和高度）為eCart的DOM，如下圖所示：

2

創(chuàng)建一個(gè)新的<script>標(biāo)記以引入模塊化的單個(gè)文件電子藝界.js，如下圖所示：

3

在new<script>選項(xiàng)卡中，為模塊加載器配置eCart和所需圖表的路徑（相對(duì)路徑是從當(dāng)前頁(yè)到電子藝界.js)，如中所示下圖：

4

<script>選項(xiàng)卡動(dòng)態(tài)加載eCart和所需圖表。在回調(diào)函數(shù)中，可以初始化圖表并驅(qū)動(dòng)圖表生成，如下圖所示：

5

在瀏覽器s.HTML中打開(kāi)ecart，可以看到如下效果，如下圖所示：

end

標(biāo)記類(lèi)型單文件導(dǎo)入

新建一個(gè)電子藝術(shù).html準(zhǔn)備一個(gè)大?。▽挾群透叨龋閑Cart，如下圖所示：

創(chuàng)建一個(gè)新的<script>標(biāo)記來(lái)引入eCart-所有.js，如下圖所示：

創(chuàng)建一個(gè)新的<script>，使用全局變量ecarts初始化圖表并驅(qū)動(dòng)圖表的生成，如下圖所示：

4

在瀏覽器中打開(kāi)電子藝術(shù).html您可以看到如下效果，如下圖所示：