数据可视化:

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

01.Enchart初步入门_数据


01.Enchart初步入门_css_02