echarts單文件引入時如何添加主題


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的時候把這個對象作為第二個參數傳入,我們的主題就應用成功了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM