目录
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