什么是数据可视化?
借助于图形变化,清晰有效的传达展示信息。
常见的数据可视化库:
(1)D3.js web前端评价最高的JavaScript可视化工具库(入手难)
(2)ECharts.js 百度出品的一个开源JavaScript数据可视化库。
(3)Highcharts.js 国外的前端数据可视化库,非商用免费,被很多国外大公司使用
(4)AntV 蚂蚁金服全新一代数据可视化解决方案
ECharts简介
使用JavaScript实现的开源可视化库,可以流畅的运行在pc和移动设备上
官网地址:https://echarts.apache.org/zh/index.html
ECharts 的基本使用
使用步骤:
1.引入ECharts的js文件。
2.准备一个具备大小的DOM容器
3.初始化实例
4.配置数据
5.将配置项给实例
相关配置项(可到官方文档查阅):
title: 标题组件,包含主标题和副标题。
tooltip : 提示框组件。
legend: 图例组件。
toolbox: 工具栏。内置有导出图片,数据视图,动态类型切换,数据区域缩放,重置五个工具。