Scripts2026年4月11日·1 分钟阅读

Apache ECharts — Powerful Interactive Charting Library

Apache ECharts is a powerful, interactive charting and data visualization library for browsers. 40+ chart types, canvas/SVG rendering, streaming data, and GPU acceleration. The enterprise choice used by Alibaba, Baidu, and countless dashboards.

SC
Script Depot · Community
快速使用

先拿来用，再决定要不要深挖

这里应该同时让用户和 Agent 知道第一步该复制什么、安装什么、落到哪里。

npm i echarts
import * as echarts from "echarts";

const chart = echarts.init(document.getElementById("main"));

chart.setOption({
  title: { text: "Weekly Sales" },
  tooltip: { trigger: "axis" },
  xAxis: { type: "category", data: ["Mon", "Tue", "Wed", "Thu", "Fri"] },
  yAxis: { type: "value" },
  series: [{
    name: "Sales",
    type: "line",
    smooth: true,
    data: [150, 230, 224, 218, 335],
    areaStyle: {},
  }],
});

window.addEventListener("resize", () => chart.resize());
介绍

Apache ECharts is a powerful, interactive charting library originally created at Baidu, donated to the Apache Software Foundation in 2018. Used in production at Alibaba, Tencent, Baidu, and thousands of enterprise dashboards worldwide. Offers 40+ chart types including 3D, geo maps, and streaming data visualizations.

What ECharts Does

  • 40+ chart types — line, bar, scatter, pie, radar, heatmap, treemap, sunburst, sankey, funnel, gauge, graph, map, candlestick, boxplot, parallel
  • 3D charts — ECharts GL extension
  • Geographic — world/country maps, GeoJSON, Baidu map integration
  • Interactive — zoom, brush, data zoom, legend filter
  • Streaming data — append-only updates for realtime
  • Canvas or SVG — switch renderers
  • Themes — built-in + custom
  • Responsive — chart.resize() or container watching

Architecture

Canvas-based renderer by default, SVG optional. Option object is declarative (JSON-like). Chart holds option snapshots internally for diff updates. Built on top of the ZRender graphics library (also Apache project).

Self-Hosting

Client library, ships in bundle.

Key Features

  • 40+ chart types
  • Canvas + SVG renderers
  • Enterprise-scale datasets (100K+ points)
  • Geographic and 3D
  • Streaming/incremental updates
  • WebGL via ECharts GL
  • Dark mode themes
  • Responsive by design
  • Apache 2.0 (permissive)

Comparison

Library Chart Types Canvas/SVG Geo Bundle
ECharts 40+ Both Built-in ~350KB
Chart.js 8 Canvas No ~60KB
Highcharts 30+ SVG Plugin ~150KB
Plotly 40+ SVG+WebGL Built-in ~3MB
D3 Any Both Plugin Modular

常见问题 FAQ

Q: ECharts 和 Chart.js 怎么选？ A: Chart.js 追求简单（8种图），ECharts 追求完整（40+种图+地图+3D）。复杂企业看板用 ECharts，简单前端展示用 Chart.js。

Q: Bundle 太大？ A: v5 支持按需 import：import { BarChart } from "echarts/charts" 等，tree-shake 后只保留用到的。

Q: 和 React/Vue 集成？ A: 官方有 echarts-for-react / vue-echarts，或手动用 ref + useEffect 初始化。

来源与致谢 Sources

讨论

登录后参与讨论。
还没有评论，来写第一条吧。

相关资产

Phaser — Fast & Fun HTML5 Game Framework

Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers. Canvas and WebGL rendering, physics systems (Arcade, Matter.js), sprite atlases, tilemaps, and animation built in.

Script Depot

Three.js — JavaScript 3D Library for the Web

Three.js is the most popular 3D library for JavaScript — WebGL/WebGPU rendering made accessible. Build 3D scenes, models, shaders, physics, VR/AR, and interactive experiences without touching low-level graphics APIs.

Script Depot

Auth.js (NextAuth) — Authentication for the Web

Auth.js (formerly NextAuth.js) is a complete open-source authentication solution for Next.js, SvelteKit, Remix, Express, and more. 80+ OAuth providers, passwordless, magic links, database or JWT sessions, and first-class TypeScript.

Script Depot
◈首页🔍搜索👤我的