![](\"https://apexcharts.com/media/vue-apexcharts.png\")
\n ![\"License\"](\"https://img.shields.io/badge/License-MIT-brightgreen.svg\"){kind=icon}
\n ![\"build\"](\"https://api.travis-ci.com/apexcharts/vue-apexcharts.svg?branch=master\")
\n ![\"ver\"](\"https://img.shields.io/npm/v/vue-apexcharts.svg\")
\n
\n ![](\"https://img.shields.io/twitter/url/http/shields.io.svg?style=social\")
\n
Vue.js wrapper for ApexCharts to build interactive visualizations in vue.
\n\n![](\"https://apexcharts.com/media/apexcharts-banner.png\")
![](\"https://apexcharts.com/media/first-bar-chart.svg\")
![](\"https://apexcharts.com/media/vue-chart-updation.gif\")
chart.id while calling this method\n\nExample\n```js\nthis.$apexcharts.exec('vuechart-example', 'updateSeries', [{\n data: [40, 55, 65, 11, 23, 44, 54, 33]\n}])\n```\nIn the above method, `vuechart-example` is the ID of chart, `updateSeries` is the name of the method you want to call and the third parameter is the new Series you want to update.\n\nMore info on the `.exec()` method can be found here\n\nAll other methods of ApexCharts can be called the same way.\n\n## What's included\n\nThe repository includes the following files and directories.\n\n```\nvue-apexcharts/\n├── dist/\n│ └── vue-apexcharts.js\n└── src/\n ├── ApexCharts.component.js\n ├── Utils.js\n └── index.js\n```\n\n## Running the examples\n\nBasic Examples are included to show how to get started using ApexCharts with Vue easily.\n\nTo run the examples,\n```bash\ncd example\nnpm install\nnpm run serve\n```\n\n## Development\n\n#### Install dependencies\n\n```bash\nnpm install\n```\n\n#### Bundling\n\n```bash\nnpm run build\n```\n\n\n## Supporting ApexCharts\nApexCharts is an open source project. ![\"Become](\"https://c5.patreon.com/external/logo/become_a_patron_button.png\"){kind=logo}
\n\n## License\n\nVue-ApexCharts is released under MIT license. You are free to use, modify and distribute this software, as long as the copyright header is left intact.\n","readmeFilename":"README.md"}