基礎介紹
Echarts是一個功能強大的JavaScript開源可視化庫，專門用于創(chuàng)建各種圖表和數(shù)據(jù)可視化。
以下是關于Echarts的一些基礎介紹：
- 豐富的圖表類型：Echarts提供了包括折線圖、柱狀圖、散點圖、餅圖、雷達圖、地圖等多種常見的圖表類型，滿足不同的數(shù)據(jù)展示需求。
- 兼容性良好：它可以流暢運行在PC和移動設備上，并且兼容多種瀏覽器，如IE8/9/10/11，Chrome，F(xiàn)irefox，Safari等。
- 底層依賴ZRender：Echarts底層依賴于矢量圖形庫ZRender，這使得其能夠提供直觀且交互性強的數(shù)據(jù)可視化效果。
- 易于配置和使用：用戶可以通過簡單的配置來生成所需的圖表，而無需深入了解復雜的編程知識。
- 高度可定制性：Echarts允許用戶根據(jù)需要對圖表進行個性化定制，以滿足特定的展示要求。
- 開源和免費：作為開源項目，Echarts可以免費使用，并且擁有活躍的社區(qū)支持，不斷有新功能和改進加入。
插件安裝教程
安裝less 插件
Easy LESS
CSS的less語法，新建less文件后自動生成同名css文件
在css文件中新建style.less,會自動生成style.css文件
我們在style.less里面編寫樣式，會自動同步到style.css里面
但是在引入樣式時，我們還是寫
<link rel="stylesheet" href="./css/style.css">
只引入style.css文件就行了
安裝cssrem 插件
cssrem 直接將px轉(zhuǎn)換為rem
在這個插件的設置里將Cssrem: Root Font Size 設置為80，表示每80px為1rem
這樣，在css中輸入80px就會跳出一個轉(zhuǎn)換為1rem的提示
引入flexibel.js文件
這個js文件會隨著屏幕的寬度改變進而改變設置的樣式大小
修改這個js文件內(nèi)的
var rem = docEl.clientWidth / 24;
這樣，1920px屏幕下，每份rem就被分成80px了
比如：在1920px寬度下，設置一個文字寬度為1rem，則表示當前其width:80px (1920/24=80px)
當屏幕縮小為900px時，這個文字的寬度就變成：width:37.5px (900/24=37.5px)
博主 DTcode7 帶您 溺亖在知識的海洋里，嘿嘿嘿.~
?? 個人主頁—— DTcode7 的博客 ??
《微信小程序相關博客》
《Vue相關博客》
《前端開發(fā)習慣與小技巧相關博客》
《AIGC相關博客》
《photoshop相關博客》
?? 吾輩才疏學淺，摹寫之作，恐有瑕疵。望諸君海涵賜教。望輕噴，嚶嚶嚶 ??
?? 愿斯文對汝有所裨益，縱其簡陋未及淵博，亦足以略盡綿薄之力。倘若尚存闕漏，敬請不吝斧正，俾便精進！
學習了Echarts，你就能快速搭建出數(shù)據(jù)大屏，是不是很酷炫！
ps：這張圖就是AI生成的，不得不說AI是真的方便，以前還要自己找半天素材，現(xiàn)在輸入幾個字，就能搞出一張很不錯的素材圖，大家一定要勇于接觸新事物，能讓你的辦事效率大大提升！
可以參考這幾篇AI的博客：
《AIGC相關博客專欄》文章來源：http://www.zghlxwxcb.cn/news/detail-846660.html
AI時代-普通人的AI繪畫工具對比（Midjouney與Stable Diffusion）
stable diffusion 提示詞進階語法-年齡&身材&膚色-學習小結
stable diffusion 提示詞進階語法-學習小結
stable diffusion webUI之賽博菩薩【秋葉】——工具包新手安裝與使用教程文章來源地址http://www.zghlxwxcb.cn/news/detail-846660.html
到了這里，關于Echarts基礎-安裝語法高亮插件&less-rem轉(zhuǎn)換動態(tài)適配大小的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
