为什么很多人学完 ECharts 还是画不出图表？
核心痛点通常不是语法不会，而是「数据映射逻辑」和「配置项查阅能力」缺失。很多人在官方示例里贴了代码，改两行就报错，却完全看不出是哪一层配置出了问题，或者面对 JSON 数据不知道如何对应到 series、xAxis、yAxis。这门课就是为了解决这种「能看懂示例，但给个真实数据就废了」的能力缺口而设计的。它不追求大而全的语法罗列，而是聚焦于「数据结构→配置拼装→问题定位」这一核心工作流，让你在画表的过程中补齐短板。
适合基础方面，只要你具备 JavaScript 基础（能写函数、理解对象和数组），并知道如何调用接口获取 JSON 数据即可。不需要预先掌握 TypeScript 或 Vue/React 框架，因为课程先从浏览器原生环境讲起，帮你建立最底层的「option 配置」心智模型。如果你之前直接上手框架封装好的图表库感到困惑，建议先回来看这门课打底。
学习路径与实操建议
建议的学习顺序需要严格按照课程结构推进，不可跳步。前两讲是基石：第一讲通过一组真实的「销售流水数据」绘制柱状图，重点学会看控制台错误堆栈，理解 dimension（维度）和 value（数值）的对应关系；第二讲切入折线图和饼图，深入理解 option.series 的层级结构，这是后续所有复杂图表的基础。如果跳过这两步直接看复杂的地图或散点图，你会发现自己根本无法定位报错来源，因为那些进阶图表无非是把基础组件组合在一起，底层逻辑完全一致。
学完后，你应能独立完成一个纯前端的静态可视化看板。具体表现为：给定任意结构的 JSON 数据，你能准确判断该用哪种图表类型，并写出正确的配置代码；当遇到渲染空白或报错时，你能迅速通过排查 series.type、data 格式或坐标系配置来修复问题，而不必依赖搜索引擎死磕某一行代码。
资料包的配合至关重要。请勿只盯着正确代码看，而是要利用其中附带的「错误版配置」进行找茬训练。每一个练习题都预设了常见的坑，比如数据类型不匹配、坐标轴类型设置错误等。对照报错信息反推是哪一项配置写错，反复修改直到图表正确渲染。只有通过这种「破坏—修复」的练习，才能真正掌握排查问题的核心能力，而非仅仅机械地记住几个配置项的名称。
