01.Enchart初步入门

数据可视化：

• 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:网格配置-可以控制线形图 柱状图 图标大小