Vue Apexcharts

Overview:

The document provides information on installing and using the ApexCharts component for Vue.js. It outlines the installation process, usage instructions, updating the chart, available props, methods for updating the chart, and how to call these methods without referencing the chart element directly. Additionally, it lists the methods included in ApexCharts and mentions the files and directories included in the repository.

Features:

• Compatibility: Vue 3.x.x compatible component available.
• Interactive Charts: Easily create and update interactive charts like bar, line, area, pie, and more.
• Automatic Updates: Changes in series or options automatically trigger chart re-rendering.
• Data Customization: Options to define custom series data, chart dimensions, and configuration settings.
• Method Support: Various methods available for updating series, options, toggling visibility, appending data, and adding annotations to the chart.
• Global Method Access: Ability to call ApexCharts methods without directly referencing the chart element.

Installation:

To install ApexCharts for Vue.js, follow these steps:

1. Install via npm:

npm install vue3-apexcharts

2. Include in your Vue component:

import VueApexCharts from 'vue3-apexcharts'

3. Add to components:

components: {
    apexchart: VueApexCharts
}

Summary:

The document provides a comprehensive guide on installing and using ApexCharts in Vue.js, offering a range of features like compatibility with Vue 3.x.x, automatic chart updates, customizable data series, and various methods for interactively updating charts. It also explains how to call ApexCharts methods without referencing the chart element directly, making it a versatile tool for creating dynamic and interactive charts in Vue applications.