@sctech/echarts

A custom lightweight Apache ECharts bundle maintained by S.C. Nordic, optimized for React applications using echarts-for-react.

This package provides a pre-bundled version of ECharts with only the components, charts, and renderers required by our applications — keeping bundle size minimal and performance high.

✨ Features

✅ Supports:

• 📈 Charts: line, bar, tree
• 🗺️ Coordinate Systems: grid
• 🧩 Components:
  • Title
  • Legend
  • Tooltip
  • MarkPoint
  • MarkLine
  • MarkArea
  • DataZoom
  • Toolbox
• 🖌️ Renderer: CanvasRenderer only (no SVG renderer)

🚀 Usage

Install the package:

npm install @sctech/echarts echarts-for-react

Import and use in your React component:

import ReactEChartsCore from 'echarts-for-react/lib/core';
import echarts from '@sctech/echarts';

<ReactEChartsCore echarts={echarts} option={option} />

✅ No need to manually register chart types or components — they’re already bundled in.

📦 Creating a Custom Bundle

To regenerate or customize the bundle, visit the official ECharts Bundle Builder:

1. Select only the components and chart types you need.
2. Download the bundle as echarts.js or echarts.min.js.
3. Replace the file under dist/ in this repository.
4. Re-publish to npm.

🧠 Notes

• Designed specifically for projects within S.C. Nordic and affiliated teams.
• Keeps build lean for performance-critical visualizations.
• You do not need to import or register any ECharts modules manually.

🔗 Links

• 📊 Apache ECharts Docs
• 🧩 ECharts-for-React
• 🧱 ECharts Bundle Builder
• 🌐 scnordic.com

🛠 Maintained by

S.C. Nordic A/S
Denmark
scnordic.com