當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

Echarts 3

發布時間：2023/12/10 编程问答 34 豆豆

生活随笔收集整理的這篇文章主要介紹了 Echarts 3 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

Echarts簡介

Echarts使用

HTML簡介

css應用

接收參數的方法

圖形選擇

滿足常規圖、地理數據可視化圖形、關系圖、平行坐標圖、漏斗圖、儀表圖及圖與圖之間的混搭。

renderItem函數自定義圖表；

visualMap實現豐富的視覺編碼；

timeline組件實現時間維度的數據展示；

絢麗的特效；

GL實現更多更強大的三維可視化；基于webGL 的Echarts GL .繪制三維地球，建筑群、人口分布等的柱狀圖。

javascript標簽：
<!DOCTYPE html><html><head>......</head></html>

1.首先準備一個具有寬高的DOM容器；

2.通過echarts.init方法初始化一個echarts實例，通過setOption方法生成一個簡單的柱狀圖。

HTML DOM（Document Object Model）中每個東西都是節點：

文檔本身是一個文檔對象；

所有HTML元素都是元素節點；【元素有屬性】

所有HTML屬性都是屬性節點；

插入到HTML元素文本是文本節點；注釋是注釋節點；

.class{屬性：屬性值；}

html中的class一般是用來調用css中與配置屬性的，在CSS中預配置一些屬性，就可以像調用函數一樣不用再在一個網頁頁面中重復的配置一個“類”屬性，只需要寫上一個class類選擇，就可以在同一個頁面里任何位置調用選擇具有相同的CLASS類。

ID是表示這標簽的身份，在JS腳本中會用到ID，當js要修改一個標簽的屬性時，js會將id名作為該標簽的唯一標識進行操作。

也就是說ID 知識頁面元素的標識，供其他元素等腳本引用。在CSS中ID不一定為JS設置，但是同樣ID在頁面里也只能出現一次，并且時唯一一次。

在命名id和class類的時候要特別注意大小寫，ID和Class是對大小寫非常敏感的，最好以英文開頭，不要用中文明明CSS類名。

querySelectorAll屬于W3C中的Selectors API規范，getElementsBy系列屬于W3C的DOM規范。

querySelectorAll接收參數是一個CSS選擇符，命名必須規范【CSS選擇器中的元素名，類和ID均不能以數字為開頭】，getElementsBy 系列接收的參數只能是單一的className、tagName 和 name。

querySelectorAll返回的市一個Static Node List,而getElementsBy系列的返回是一個Live Node List。

南丁格爾圖即玫瑰餅圖http://www.smartbi.com.cn/4351

以上是生活随笔為你收集整理的Echarts 3的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。