Overview

Ngx-echarts is a powerful Angular directive that integrates seamlessly with ECharts, providing developers with robust tools to create visually stunning charts in Angular applications. This package supports a variety of Angular versions (from 2.x onwards), making it versatile for projects of different scales and timelines. The latest version, v20.0.1, brings exciting features and crucial fixes, ensuring optimal performance and compatibility with modern Angular practices.

With its straightforward installation and usage process, ngx-echarts enables developers to easily harness the full potential of ECharts through Angular, allowing the creation of dynamic and interactive visualizations. Whether you are a seasoned Angular developer or just getting started, ngx-echarts simplifies the integration of complex charting functionalities into your applications.

Features

Multiple Angular Version Support: Compatible with a wide range of Angular versions (>= 2.x), including the latest releases, ensuring broad accessibility for various projects.
Easy Installation: Simple installation process that allows you to start using ECharts in your Angular app quickly and efficiently.
Responsive Design: Built-in default height of 400px for charts, making it easier to create visually appealing layouts without extensive customization.
Dynamic Updates: The directive supports input properties like [options] and [merge], allowing for seamless updates to chart data and options, essential for real-time data visualizations.
Zoneless Compatibility: The latest update enhances support for Angular's zoneless features, optimizing performance and reducing overhead.
Modular Architecture: Import the NgxEchartsModule or use NgxEchartsDirective for flexibility in how you integrate and use the directive.
Customizable Extensions: Easily integrate ECharts extensions for enhanced functionality, such as additional themes or GL support, to suit your project needs.
Improved Documentation: Comprehensive guidelines and demos are available, making it easier for developers to implement and customize charts effectively.

Xieziyu

Angular2 Draggable

Ngx Amap

Ngx Echarts Starter

Ngx Echarts