投稿

ECharts数据可视化项目-大屏数据可视化展示-echarts 图表制作-pink老师直播课更新完毕）

161.3万

1.8万

2020-03-18 22:30:09

未经作者授权，禁止转载

所有的素材全部在下面免费领取，记得三连哦~~~ 夸克链接：https://pan.quark.cn/s/27077ab8c57b 提取码：8FcT 快快领取哈~~~ 学习目的： 1、可视化面板布局适配屏幕 2、利用ECharts 实现柱状图展示核心技术： -基于 flexible.js + rem 智能大屏适配 - VScode cssrem插件 - Flex 布局 - Less 使用 - 基于ECharts 数据可视化展示 - ECharts 柱状图数据设置 - ECharts 地图引入

数据可视化

大屏面板项目

bilibili新星计划

黑马pink讲前端发消息

黑马pink老师

01-直播课内容介绍

08:10

02-数据可视化介绍

04:26

03-可视化适配方案

11:35

04-可视化项目头部制作

10:02

05-mainbox布局分析

06:36

06-panel盒子公共面板

12:21

07-panle盒子完成

03:34

08-数字模块no布局制作

05:17

09-no-hd模块详细布局

10:35

10-no-bd模块详细布局

02:42

11-map1球体模块制作

05:00

12-map2模块旋转球体制作

03:55

13-map3模块旋箭头制作

04:34

14-ECharts简介

05:01

15-ECharts体验使用五部曲

10:33

16-ECharts基础配置（上）

08:09

17-ECharts基础配置（中）

10:25

18-ECharts基础配置（下）

09:57

19-柱状图bar引入到HTML页面中

07:32

20-定制柱状图bar(上）

08:08

21-定制柱状图bar(中）

06:46

22-定制柱状图bar(下）

05:25

23-EChart图表跟随屏幕缩放适配

02:45

24-学习进度柱形图2引入到html页面中

05:55

25-学习进度柱形图2定制1

05:51

26-学习进度柱形图2定制2

06:37

27-学习进度柱形图2定制3

05:08

28-学习进度柱形图2定制4

06:32

29-学习进度柱形图2定制5

06:17

30-学习进度柱形图2定制6

04:06

31-学习进度柱形图2定制7

03:23

32-折线图1引入到html页面中

05:30

33-折线图1定制grid网格

07:12

34-折线图1定制x轴和y轴相关配置

04:14

35-折线图1定制两条线的样式

03:51

36-折线图1数据更换

04:06

37-折线图1tab栏切换原理分析

05:21

38-折线图tab栏切换更换数据

10:53

39-折线图2引入到html页面中

04:02

40-折线图2定制（上）

04:18

41-折线图2定制填充渐变区域

07:55

42-折线图2拐点配置定制

06:02

43-折线图2数据更换

04:03

44-饼形图1引入到html页面中

06:38

45-饼形图1图例组件定制

04:32

46-饼形图1修改饼形图大小

06:20

47-饼形图1更换颜色和相关数据

03:35

48-饼形图2引入到html页面中

04:53

49-饼形图2南丁格尔玫瑰图-配置定制（上）

03:26

50-饼形图2南丁格尔玫瑰图配置定制（下）

08:06

51-中国地图模拟飞行模块引入到html页面中

08:46

52-中国地图模拟飞行模块定制

04:15

53-项目完善期待下次再次相遇

04:52

顶部