微专业前端数据展示工具Echarts基础教程

Dec 31,2025 888 次浏览 ¥40 编号：59131

📖 内容简介

《微专业前端数据展示工具ECharts基础教程》是专为前端开发者、数据可视化入门者打造的ECharts零基础学习指南，精准覆盖入门阶段核心需求，是快速掌握前端数据展示技能的优质教程。教程开篇设置免费导读章节：「Hello ECharts」清晰梳理课程框架与学习路径，帮助学习者快速建立认知；「Why ECharts」深度解析ECharts的核心特性，让你理解这款工具在前端数据展示中的优势与应用场景。后续基础教程聚焦实操，从ECharts官网使用方法、工具引入方式等入门核心知识点入手，手把手指导完成基础操作，为后续复杂图表开发筑牢根基。无论你是前端新手还是需要补充数据可视化技能的从业者，都能通过本教程高效入门ECharts。

*内容摘要，帮助您快速了解要点

章节1:导读
课时1 Hello ECharts（课程介绍，免费浏览）18:34
课时2 Why ECharts（ ECharts特性介绍，免费浏览）30:29
章节2:基础教程
课时3 EC基础－1：如何使用官网，如何引入ECharts，第一个ECharts例子53:24
课时4 EC < 组件 > 详解：直角系组件，网格，坐标轴，grid，axis37:30
课时5 EC【图表】详解：直角系图表，（堆积）折线图，line33:20
课时6 EC【图表】详解：直角系图表，（堆积）柱形图，条形图，bar19:06
课时7 EC < 组件 > 详解：标题，title，图例，legend25:50
课时8 EC < 组件 > 详解：直角系组件，区域缩放控件，dataZoom12:59
课时9 EC < 组件 > 详解：详情，tooltip24:56
课时10 EC【图表】详解：直角系图表，K线图，k10:10
课时11 EC【图表】详解：直角系图表，散点图，气泡图，scatter15:20
课时12 EC【图表】详解：饼图，圆环图，南丁格尔玫瑰图，pie26:55
课时13 EC【图表】详解：仪表盘，gauge12:05
课时14 EC【图表】详解：漏斗图，funne14:16
课时15 EC【图表】详解：地图，map33:39
课时16 EC < 组件 > 详解：缩放漫游和值域漫游组件，rc & dataRange21:36
课时17 EC < 组件 > 详解：工具箱，toolbox18:29
课时18 EC基础－2：标注，标线，markPoint，markLine（免费浏览）
课时19 EC基础－3：主题，theme（免费浏览，见参考资料）课时预览
课时20 简单动态数据