back to home

hustcc / echarts-for-react

⛳️ Apache ECharts components for React wrapper. 一个简单的 Apache echarts 的 React 封装。

4,957 stars
653 forks
49 issues
TypeScriptJavaScript

AI Architecture Analysis

This repository is indexed by RepoMind. By analyzing hustcc/echarts-for-react in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.

Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context on-demand, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.

Source files are only loaded when you start an analysis to optimize performance.

Embed this Badge

Showcase RepoMind's analysis directly in your repository's README.

[![Analyzed by RepoMind](https://img.shields.io/badge/Analyzed%20by-RepoMind-4F46E5?style=for-the-badge)](https://repomind.in/repo/hustcc/echarts-for-react)
Preview:Analyzed by RepoMind

Repository Overview (README excerpt)

Crawler view

echarts-for-react The simplest, and the best React wrapper for Apache ECharts. Using visualization with MCP Server mcp-server-chart. Install Then use it. You can run website. Then open http://127.0.0.1:8081/ in your browser. or see https://git.hust.cc/echarts-for-react/ which is deploy on gh-pages. Usage Code of a simple demo code showed below. For more example can see: https://git.hust.cc/echarts-for-react/ Import ECharts.js modules manually to reduce bundle size **With Echarts.js v5 or v6:** **With Echarts.js v3 or v4:** For **Next.js** user, code transpilation is needed. For Next.js 13.1 or higher, as all features are natively built-in and the package has been deprecated, so please add into object: For Next.js with version function) ) binding the echarts event, will callback with the , and as it's paramters. e.g: for more event key name, see: https://echarts.apache.org/api.html#events • ** ** (optional, object) the of echarts. , will be used when initial echarts instance by . Document here. • ** ** (optional, boolean) decide whether to trigger when window resize. default is . Component API & Echarts API the Component only has named . • ** ** : get the echarts instance object, then you can use any . for example: TypeScript and example: **About API of echarts, can see** https://echarts.apache.org/api.html#echartsInstance. You can use the API to do: • event. • with dynamic data. • get the echarts dom / dataURL / base64, save the chart to png. • the charts. FAQ How to render the chart with svg when using echarts 4.x Use the props of component with . For example: How to resolve Error Install and import module when you want to create a GL instance LICENSE MIT@hustcc.