Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Properties of undefined' error when using Vue3-ApexCharts with Nuxt #71

Open
lipecss opened this issue May 19, 2023 · 3 comments
Open

Comments

@lipecss
Copy link

lipecss commented May 19, 2023

I'm encountering an issue when trying to use Vue3-ApexCharts with the Nuxt3 framework. When running the code, I receive an error message "properties of undefined (reading '0')" along with a related stack trace. It seems that the error occurs during the rendering or initialization of the chart animations.

image

im getting this when i change routes

 <ClientOnly>
      <apexchart
          type="bar"
          :options="chartOptions"
          :series="series"
       ></apexchart>
  </ClientOnly>
const chartOptions = ref({
  chart: {
    id: 'vuechart-example',
  },
  xaxis: {
    categories: [1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998],
  },
});
const series = ref([
  {
    name: 'series-1',
    data: [30, 40, 35, 50, 49, 60, 70, 91],
  },
]);
@karis
Copy link

karis commented May 27, 2023

i recommend your to built reproduction error using stackblitz
so we can figure out..

i was success build nuxt 3.5.1 and vue3-apexchart
and it works

Copy link

github-actions bot commented Aug 2, 2024

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

@nodahikaru
Copy link

@lipecss Did you solve the issue?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants