Echarts 3
目錄
Echarts簡介
Echarts使用
HTML簡介
css應用
接收參數的方法
圖形選擇
Echarts簡介
滿足常規圖、地理數據可視化圖形、關系圖、平行坐標圖、漏斗圖、儀表圖及圖與圖之間的混搭。
renderItem函數自定義圖表；
visualMap實現豐富的視覺編碼；
timeline組件實現時間維度的數據展示；
絢麗的特效；
GL實現更多更強大的三維可視化；基于webGL 的Echarts GL .繪制三維地球，建筑群、人口分布等的柱狀圖。
javascript標簽：
<!DOCTYPE html><html><head>......</head></html>
Echarts使用
1.首先準備一個具有寬高的DOM容器；
2.通過echarts.init方法初始化一個echarts實例，通過setOption方法生成一個簡單的柱狀圖。
HTML簡介
HTML DOM（Document Object Model）中每個東西都是節點：
文檔本身是一個文檔對象；
所有HTML元素都是元素節點；【元素有屬性】
所有HTML屬性都是屬性節點；
插入到HTML元素文本是文本節點；注釋是注釋節點；
css應用
.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
?
?
?
?
?
?
總結
- 上一篇： python增强对比度_python增加
- 下一篇： bootstrap综合大作业_齐齐哈尔市