{"repo":"apexcharts/vue-apexcharts","free":true,"listed":false,"github":"https://github.com/apexcharts/vue-apexcharts","clone":"git clone https://github.com/apexcharts/vue-apexcharts.git","description":"📊 Vue 2 component for ApexCharts","language":"Vue","stars":1344,"topics":["apexcharts","vuejs","charts","graphs","data-visualization","vue-charts"],"license":null,"category":"api-integrations-sdks","readme_excerpt":"Vue.js wrapper for ApexCharts to build interactive visualizations in vue. Download and Installation Installing via npm If you're looking for Vue 3.x.x compatibile component, check-out vue3-apexcharts Usage To create a basic bar chart with minimal configuration, write as follows: This will render the following chart How do I update the chart? Simple! Just change the series or any option and it will automatically re-render the chart. Click on the below example to see this in action Important: While updating the options, make sure to update the outermost property even when you need to update the nested property. ✅ Do this ❌ Not this Props Prop Type Description ------------- ------------- ----- series Array The series is an array which accepts an object in the following format. To know more about the format of dataSeries, checkout Series docs on the website. type String line , area , bar , pie , donut , scatter , bubble , heatmap , radialBar , candlestick width Number/String Possible values for width can be 100% or 400px or 400 height Number/String Possible values for height can be 100% or 300px or 300 options Object The configuration object, see options on API (Reference) Methods You don't actually need to call updateSeries() or updateOptions() manually. Changing the props will automatically update the chart. You only need to call these methods to update the chart forcefully. Method Description ------------- ----- updateSeries Allows you to update the series array overriding the","default_branch":null,"files":null,"tree":[],"storefront":"/r/apexcharts","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/apexcharts/vue-apexcharts/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}