数据可视化:
- 1.数据可视化主要目的:借助于图形化手段,清晰地有效的传达与沟通信息;
- 2.数据可视化可以把数据从冰冷的数字转换成图形,揭示蕴含在数据中的规律和道理;
数据可视化 Echatrs 使用
- 1.可视化面板布局适配屏幕
- 2.利用ECharts 实现柱状图展示
本次学习技术栈
- 1.基于flexible.js + rem 智能大屏幕配置
- 2.Vscode cssrem 插件:px->rem自动转换的插件
- 3.flex布局
- 4.Less使用
- 5.基于Echarts数据可视化展示
- 6.Echarts柱状图数据设置
- 7.Echarts地图引入
概括
1.JS 插件库:Echarts官方;
2.Echarts使用步骤:
(1)下载并引入echarts.js文件:图标依赖这个库;
(2)准备一个具备大小的DOM容器:必须要宽度和宽度;
(3)初始化echarts实例对象;
(4)指定配置项和数据(option)
(5)将配置项设置给echarts实例对象;
3.Echarts基础配置
Echarts官方中配置项手册
title:标题组件
tooltip:提示框组件;
legengd:图例组件;
toolbox:工具箱组件;
grid:网格配置-可以控制线形图 柱状图 图标大小