ECharts 速查
共 25 条 ECharts 常用配置，涵盖基础用法、配置项、数据与交互、大数据与优化、工程化。 支持搜索与分类筛选，点击即可复制。
基础用法
国内最常用的可视化库之一。
| 命令 | 说明 |
|---|---|
| 初始化（可传主题名与 { renderer: "svg" }） | |
| 设置配置（可多次合并） | |
| 容器尺寸变化后重绘 | |
| 响应式 | |
| 销毁实例 |
配置项
坐标系与系列。
| 命令 | 说明 |
|---|---|
| 类目轴 | |
| 数值轴 | |
| 系列（bar/line/pie/scatter/map…） | |
| 标题与提示框 | |
| 图例与布局 | |
| 自定义配色 |
数据与交互
更新与事件。
| 命令 | 说明 |
|---|---|
| 更新数据（ECharts 会自动过渡动画） | |
| 监听点击 | |
| 触发高亮等动作 | |
| 导出图片 | |
| 联动 |
大数据与优化
性能。
| 命令 | 说明 |
|---|---|
| 大数据量模式 | |
| 渐进渲染 | |
| 渲染器选择 | |
| 避免旧配置残留 |
工程化
按需引入与框架集成。
| 命令 | 说明 |
|---|---|
| 按需引包（减小体积） | |
| 安装 | |
| 直接引入 | |
| 框架集成 | |
| 内置主题 |
使用说明
Apache ECharts 图表配置速查：基础用法、配置项、数据与交互、大数据与优化、工程化；支持搜索与分类筛选，点击即可复制。
- 按用途点分类：基础用法、配置项、数据与交互、大数据与优化、工程化。
- 点「配置」列复制，替换数据与容器 id 后使用。
- 容器必须有明确宽高，尺寸变化后调用 chart.resize() 重绘。
- 数据量大时用 large + progressive，或按需引包减小体积。
常见问题
- 图表不显示或很小？
- 多半是容器没有宽高：给 div 设置确定的 width/height，或用 CSS 撑开，再在布局完成后 resize。
- setOption 会不会覆盖旧配置？
- 默认是合并（merge），只更新传入的项；需要完全替换时传 notMerge: true 第二个参数。
- 怎么做动态更新？
- 再次调用 setOption 传入新数据即可，ECharts 会自动做过渡动画；增量式更新只传变化的系列数据。