Echarts小结2. 4. 5. 1. 2. 3. 4. 5. 7. 8.

1.echarts的基本用法

初始化类

html里面创建一个id为main的div,并初始化echarts绘图实例

var myCharts=echarts.init(document.getElementById('main'))
样式配置

title:标题

tooltip:鼠标悬停气泡

xAxis:配置横轴类别，type类型为category类别

series：销量数据，data参数与横轴一一对应，如果想调样式，也可以简单调整，比如每个条形图的颜色·可以通过函数进行数组返回渲染
渲染图表展示

myChart.setOption(option);

2.如何使用echarts

获取echarts:在官网下载Echarts版本或npm下载

引入Echarts:script引入或者vue在入口文件里引用

创建一个dom元素用来防置图表

配置Echarts属性

3.Echarts3.x与Echarts2.x的区别

Echarts2.x是通用的版本
Echarts2.x版本文档实例比Echarts3.x版本实例要好，更加清晰，更加容易理解
Echarts2.x版本做的图表更炫酷
Echarts2.x代表的是现在，而Echarts3.x代表的是未来
Echarts3.x对Echarts的引用更灵活，更简单，方便

4.echarts和chart对比

1.echarts的优点：

国人开发，文档全，便于开发和阅读文档
图标丰富，可以适用于各种各样的功能

2.echarts的缺点

移动端使用略卡，毕竟是PC端的东西，移植到移动端肯定多多少少有些问题，或许跟自己水平也有一定的关系
echarts不失为一款比较适合我们这种码农使用的框架
echarts就不贴代码了，毕竟文档很全

3.chart.js优点

轻量级，min版总大小50多k
移动端使用比较流畅，毕竟小

4.chart.js缺点

功能欠缺比较多
中文文档奇缺

5.简述数据可视化技术

1.什么是数据可视化技术

  用图形化的数段，清晰有效的传递和沟通信息，以视觉的方式展现数据，便于用户的认知，偏于图表的样式，相对于文字说明更加直观
    科学可视化（出现最早，最成熟）
         处理科学数据，面向科学和工程数据方面，研究带有空间坐标和几何信息的三维空间，如何呈现数据中的几何特征
         主要面向自然科技中产生数据的建模操作和处理
         应用于医疗（透析 CT）、科研、航天、天气、生物等技术
    信息可视化
         科学可视化演变而来，主要处理非结构化，非几何数据
         金融交易、社交网络、文本数据展示
         减少视觉混淆对有用数据的干扰，把无用的数据过滤掉，而非简单信息的堆叠（数据加工，提取可用信息）
         更倾向于展示信息
    可视化分析
         分析数据导向进行展示，需要了解具体的事物逻辑
         科学可视化和信息可视化的结合

2.数据可视化技术优点分析出数据的趋势进行精准的广告投放信息快人一步，优先获取信息就有更大的优势 3.数据可视化技术借助的软件