<h2>Overview</h2>
The ngx-echarts is an innovative component that integrates Apache ECharts with Angular, making it seamless for developers to create stunning visualizations within their Angular applications. With its straightforward installation process and flexibility, it caters to both newcomers and seasoned developers looking to enhance their data presentation through interactive charts.
This component provides an array of features that simplify the process of embedding charts, allowing users to focus on crafting meaningful data insights without getting bogged down in complex setup procedures. Whether you're showcasing business analytics, scientific data, or any other visual representation of information, ngx-echarts stands as a robust solution to meet your needs.
<h2>Features</h2>
<ul>
<li>
Easy Integration: Simply install the required packages, <code>echarts</code> and <code>@twp0217/ngx-echarts</code>, and import <code>NgxEchartsModule</code> into your Angular module to get started quickly.
</li>
<li>
Dynamic Configuration: The <code>[option]</code> attribute allows you to easily feed your chart's configuration and data, enabling a wide range of customization options with minimal effort.
</li>
<li>
Theme Support: With the <code>[theme]</code> option, you can apply different ECharts themes to your charts, enhancing the visual appeal and aligning them with your overall application design.
</li>
<li>
Auto-Resize Capability: The <code>[autoResize]</code> feature ensures that your charts adjust automatically to fit their containers, providing a fluid user experience across devices.
</li>
<li>
Custom Loading Indicator: The component includes settings for loading animations through <code>[loading]</code> and <code>[loadingConfig]</code>, giving you the flexibility to indicate data processing to users.
</li>
<li>
Group Interaction: By utilizing the <code>[group]</code> feature, you can sync multiple charts, enabling interactive data exploration that is both powerful and engaging.
</li>
<li>
Event Handling: The <code>(onChartInit)</code> callback allows you to execute custom functions once a chart has been initialized, while <code>[onEvents]</code> lets you handle various chart events, adding interactivity to the visualizations.
</li>
</ul>

Twp0217

Ngx Echarts