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 · 1 comment
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

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

2 participants