在线体验： 打开 ECharts 图表大全

做数据可视化时，常常需要先比较不同图表的表达效果，再查配置项、准备数据并反复调试。这个 ECharts 图表大全把常见图表和可直接运行的配置集中到一个静态页面里，方便浏览、试用和复制。

收录内容

目前包含 89 个图表示例、16 个类别，涵盖柱状图、折线图、饼图、散点图、雷达图、统计与时间趋势、层级结构、关系网络、热力图、地图、3D 图表、文字效果和组合图等。

在线试用和调整

  • 按分类、关键词或业务场景浏览图表，也可以通过选型助手按需求寻找合适的图表。
  • 打开示例即可交互预览，并查看、复制完整的 ECharts 配置代码。
  • 使用 Monaco 编辑器修改配置并实时查看结果；也可以粘贴 CSV 或 JSON 数据，快速替换示例数据。
  • 切换多套页面与图表主题，收藏常用示例，并分享当前编辑状态。
  • 将图表导出为 PNG，或将当前配置打包成独立 HTML 文件。

使用方式

这是一个原生 HTML、CSS 和 JavaScript 构建的静态单页应用，不需要安装依赖或运行构建步骤。ECharts、编辑器和地图数据等依赖均随站点提供；打开上方链接即可体验。浏览器本地存储用于保存收藏和最近浏览记录。

示例数据用于演示图表配置。站点由 Apache ECharts 等开源组件构建，具体数据来源和依赖版本可在站点内的 README 中查看。