vue3-apexcharts
vue3-apexcharts copied to clipboard
📊 Vue-3 component for ApexCharts
First I created a chart with empty series and xaxis categories, after a request I update the series and categories: EX: ``` chartOptions.value = { ...chartOptions.value, xaxis: { ...chartOptions.value.xaxis, categories:...
# Problem Multi-series rangebar chart has 2 errors if you deselect all series in the legend. You must select the first series again to get the chart to function normally....
After updating to the new versions I get error's on all my charts. This is the error i get: `Apexchart Uncaught (in promise) TypeError: Cannot read properties of null (reading...
Specifically for range which starts at midnight of the current day there is an issue with injecting DAY label on xAxis. DAY label pushes all other labels to the right...
I tried to add a box border around the dataLabels. According to the [documentation](https://apexcharts.com/docs/options/datalabels/) I have tried the below code segment. But it does not work. ``` dataLabels: { background:...
Hi, I am trying to develop an multi y axis charts . I can successfully add a series[] and add yaxis[] array. All charts are showing gr8. But When I...
```vue ``` When `series` changes I get a TypeError if the length of `series[0].data` has changed ``` apexcharts.common.js:14 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'resetSeries') at...
Hi! I have a problem with the adaptation of the component in the container when height is set to 100%. I have several areas of the screen and one of...
When I update the series the chart goes blank. Repro: [https://play.vuejs.org/#...](https://play.vuejs.org/#eNqFUk1v2zAM/SuELmkB166XrBuMJGhX9LAdtmLddqlycGwlUWNLgiSn7oL891KW47hBP4AgoMjnx/dIbsmVUuGmYiQhY5NpriwYZis1pYKXSmoLW9BsATtYaFnCAKGDrvSvYleK1derVFtzAAzPUsxmTRbBVGRSGMerOTMwcXwn91sqAPLUpgncuxCwUZ3AoGTycRDAE6bj4FMwDEbB5xnsgj5mnuZLplsU1oMvwdcgjvewGRW72emhsVSWY4Cdm6aqkPaXTyU+AzBPNcawkpr/l8KmRQJWVwx2rox/+NuzVQpVs7u9mZNTmEw9jTcYbtICv5yAt3hk8lWbI2cyuDjYfNPoBVqNzw9AtIr6nGEqxpFfIK4OH5aVqkCh+AIYv9xU4pVOKPEBJWCfFMP3XNa3OB5MJO3UMNlGlESebF5ZKwVcZgXP1ljvT4SS6d/mOY48DD8ZR50YEhB/O2dlqsIHIwUeXjMn2haQodsKJUfX5GqUrKxVJomiSqj1MsxkGR3BLuNwFMaR0VnERc5qbERJOzFKPqbrMQ3DURyeRzk3tpcOmSkb0v15oC9r8D4WfHnkCvkUL5huL+6Fu7Qo5OOPJueurVOYrVi2fiX/YGov+VYz3NyG9VzZVC8ZLs6Vb+5+shrjrljKvCoQ/U7xNzOyqJxGD/tWiRxl9+fm1H5vlsTF8o+5qS0TZm/KCW2m0eCbzV2/Y/0gdxgOuynungE1hX3/) ```vue import { ref } from 'vue' import VueApexCharts from 'vue3-apexcharts' const series = ref([{ data: [ { x:...
The width applied to the chart is slightly too large on initial page load because it doesn't take into account the width of the vertical scrollbar.  If you resize...