Echarts 3

目录

Echarts简介

Echarts使用

HTML简介

css应用

接收参数的方法

图形选择

---

Echarts简介

满足常规图、地理数据可视化图形、关系图、平行坐标图、漏斗图、仪表图及图与图之间的混搭。

renderItem函数自定义图表；

visualMap实现丰富的视觉编码；

timeline组件实现时间维度的数据展示；

绚丽的特效；

GL实现更多更强大的三维可视化；基于webGL 的Echarts GL .绘制三维地球，建筑群、人口分布等的柱状图。

javascript标签：
......

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