echarts圖表怎么自適應(yīng)屏幕大?。咳绻?yè)面有圖表：myChart.setOption選項(xiàng)（可選窗口.onresize= myChart.resize文件)如果一個(gè)頁(yè)面有多個(gè)圖表（例如，（此處為3

echarts圖表怎么自適應(yīng)屏幕大?。?/h2>

如果頁(yè)面有圖表：myChart.setOption選項(xiàng)（可選窗口.onresize= myChart.resize文件)如果一個(gè)頁(yè)面有多個(gè)圖表（例如，（此處為3個(gè)圖表）vendor.setOption選項(xiàng)（供應(yīng)商）company.setOption選項(xiàng)（companies）在末尾添加以下代碼//圖表調(diào)整setTimeout（函數(shù)（）{窗口.onresize=函數(shù)（）{shopsInfo.resize公司() 供應(yīng)商.調(diào)整大小() 公司.調(diào)整大?。ǎ﹠

ecarts是一個(gè)非常有用、令人眼花繚亂、功能強(qiáng)大的插件。在這里，我們使用模塊化方法在同一頁(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最終的顯示效果

您可以在ecarts gallery上找到一個(gè)類(lèi)似您想象的示例，然后參考此示例更改數(shù)據(jù)和配置項(xiàng)的操作效果。

或者如果您想在本地運(yùn)行它，您可以在ecarts演示中找到一個(gè)簡(jiǎn)單的示例并下載，然后根據(jù)示例代碼進(jìn)行更改。

如果您在后期需要制作更復(fù)雜的圖表，建議您先學(xué)習(xí)一些前端知識(shí)，不要被更多的技能壓得喘不過(guò)氣來(lái)。