Next.js Discord

Discord Forum

ApexChart, Charts are not visible

Unanswered
atikYassine posted this in #help-forum
Open in Discord
Hey guys, I need help with ApexCharts .
in the picture as you can see the toolbar is there, but the charts are not visible, but when I click on download chart as png, i can actually see the charts.
Here's my code :
import dynamic from 'next/dynamic';
const ReactChart = dynamic(() => import('react-apexcharts'), { ssr: false });

export default function Chart() {
  const options = {
    chart: {
      id: 'apexchart-example'
    },
    xaxis: {
      categories: [1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998, 1999]
    },
    series: [
      {
        name: 'series-1',
        data: [30, 40, 35, 50, 49, 60, 70, 91, 125],
        color: '#00B87C'
      }
    ]
  };

  return (
    <ReactChart type='line' options={options} series={options.series} height={200} width={500} />
  );
}
 

0 Replies