数据可视化

数据可视化

数据可视化主要目的：借助于图形化手段，清晰有效的传达和沟通有效信息

数据可视化可以把数据从冰冷的数字转化成图形，揭示蕴含在数据中的规律和道理

数据可视化使用场景

常见的数据可视化库

 D3.js

Echarts.js

Highcharts.js

AntV

ECharts的基本使用

1. 下载引入文件
2. 准备一个具备大小的DOM容器
3. 初始化echarts实例对象
4. 指定配置项和数据
5. 将配置项设置给echarts实例对象

相关配置

• title：标题组件
• tooltip：提示框组件
• legend：图例组件
• toolbox：工具栏
• grid：直角坐标系内绘图网格

containLabel属性当刻度标签溢出时，grid区域是否包含坐标轴的刻度标签，如果为true则包含，false则不包含，left right设置 0% 刻度标签就溢出了

• xAxis：直角坐标系 grid 中的 x 轴

boundaryGap  坐标轴两边留白策略 true 这时候刻度只是作为分隔线

• yAxis：直角坐标系 g