ApexChart, Charts are not visible
Unanswered
atikYassine posted this in #help-forum
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 :
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} />
);
}