echarts單文件引入時並沒有默認帶上很多主題,需要新的主題時,我們需要下載,但是,下載下來的都是模塊化的代碼,對於很多不熟悉模塊化的朋友來說,這種代碼如何使用會讓他們很苦惱,查看文檔,也沒有說明單文件引入時如何引入主題
| 名稱 | 參數 | 描述 |
|---|---|---|
| {ECharts} init | {dom} dom, {string/Object =} theme | 初始化接口,返回ECharts實例,其中dom為圖表所在節點,theme為可選的主題,內置主題('macarons', 'infographic')直接傳入名稱,自定義擴展主題可傳入主題對象。如:var myCharts = echarts.init(document.getElementById('main'), 'macarons'); |
init函數接收兩個參數,第一個是dom節點,用於畫圖,這個是必選的,第二個是主題相關的參數,如果不傳使用默認主題,如果傳字符串則在內置主題中查找,找到則使用該主題,找不到依然使用內置主題,或者傳入一個主題對象
其實我們在網上下來的文件就是一個主題對象,只是增加了模塊化寫法而已,我們掐頭去尾,把中間的theme={/*主題代碼*/}取出來,然后換個名字,比如叫echarts_theme_dark這樣的名字,然后我們在init的時候把這個對象作為第二個參數傳入,我們的主題就應用成功了
