echarts圖表怎么自適應屏幕大小？如果頁面有圖表：myChart.setOption選項（可選窗口.onresize= myChart.resize文件)如果一個頁面有多個圖表（例如，（此處為3

echarts圖表怎么自適應屏幕大??？

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

ecarts是一個非常有用、令人眼花繚亂、功能強大的插件。在這里，我們使用模塊化方法在同一頁上引用多個不同的圖表。

1. 找到打印文件并下載到這臺機器上。

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

3. 使用腳本引用HTML文件中的ecarts文件。在HTML中引用成功后，打開JS文件或腳本標簽配置文件路徑：注意此路徑應與剛才介紹的ecarts文件路徑一致，目錄應在JS文件之上一級。

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

6. 我們使用一種方法來表示每個圖表，即每個圖表的特定設置。

7. 最后，把這一切都放到剛才的“麥克哈特”方法中。8最終的顯示效果

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

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

如果您在后期需要制作更復雜的圖表，建議您先學習一些前端知識，不要被更多的技能壓得喘不過氣來。