echarts-for-react
by
hustcc

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

View on GitHub ↗

Summary Information

Updated 10 minutes ago
Added to GitGenius on March 25th, 2025
Created on June 3rd, 2016
Open Issues & Pull Requests: 53 (+0)
Number of forks: 651
Total Stargazers: 4,997 (+0)
Total Subscribers: 61 (+0)

Issue Activity (beta)

Open issues: 33
New in 7 days: 1
Closed in 7 days: 0
Avg open age: 694 days
Stale 30+ days: 31
Stale 90+ days: 29

Recent activity

Opened in 7 days: 0
Closed in 7 days: 0
Comments in 7 days: 0
Events in 7 days: 0

Top labels

  • enhancement (2)
  • help wanted (2)
  • bug (1)

Most active issues this week

Repository Insights (GitGenius)

Median issue/PR response: 206.2 days
Mean response time: 440.4 days
90th percentile: 1155.8 days
Tracked items: 60

Most active contributors

Detailed Description

echarts-for-react is a React wrapper component for Apache ECharts, designed to simplify the integration of ECharts visualization capabilities into React applications. The repository is written in TypeScript and serves as a bridge between the powerful ECharts library and React's component-based architecture. According to the README, it positions itself as the simplest and best React wrapper available for Apache ECharts, with support for visualization through the MCP Server mcp-server-chart.

The component accepts a comprehensive set of props that control chart behavior and appearance. The required option prop contains the ECharts configuration object that defines what the chart displays. Optional props include notMerge and replaceMerge for controlling how data updates are applied, lazyUpdate for deferred rendering, and style and className for customizing the chart container's appearance. The theme prop allows users to apply custom ECharts themes after registration. Additional props like showLoading and loadingOption enable loading state visualization, while onChartReady provides a callback when the chart finishes initializing. The onEvents prop allows binding to ECharts events with custom callbacks. The opts prop passes initialization options directly to echarts.init, and autoResize controls whether the chart automatically resizes when the window changes.

The component exposes a single primary API method, getEchartsInstance, which returns the underlying ECharts instance object. This allows developers to access the full ECharts API for advanced operations including event binding and unbinding, dynamic chart updates with changing data, exporting charts as PNG images or base64 data, and proper resource cleanup through the release method.

The repository demonstrates flexibility in supporting multiple ECharts versions. For ECharts v5 and v6, users can manually import specific modules to reduce bundle size. For earlier versions like v3 and v4, different import patterns are supported. The documentation includes specific guidance for Next.js users, noting that transpilation is needed and providing configuration examples for both Next.js 13.1 and higher versions using the transpilePackages option, as well as instructions for earlier versions using next-transpile-modules.

GitGenius activity data reveals that the repository has a median issue and pull request response latency of 4949.6 hours with a mean of 10570.0 hours across 60 tracked items. The primary maintainer hustcc has logged 78 events, with secondary contributors mrdulin and imsuvesh contributing 6 and 5 events respectively. The repository is classified across numerous data visualization and charting categories, reflecting its broad applicability in dashboard components, interactive graphs, and business intelligence tools. The project maintains connections to major repositories including microsoft/vscode, microsoft/typescript, and rust-lang/rust through overlapping contributors, indicating its relevance within the broader developer ecosystem.

echarts-for-react
by
hustcchustcc/echarts-for-react

Repository Details

Fetching additional details & charts...