apexcharts / react-apexcharts

📊 React Component for ApexCharts
https://apexcharts.com
MIT License
1.31k stars 155 forks source link

Getting an error for while dragging and dropping a Chart regarding the height being NaN and whole page crashes #432

Closed noobDev31 closed 2 months ago

noobDev31 commented 2 years ago

I am trying to use the ReactApexChart in my low code app and my code is the following -

`/ eslint-disable no-console / import ReactApexChart from 'react-apexcharts'; import {ApexOptions} from 'apexcharts'; import {TCommonBaseProps} from '../../common';

export type TChartProps = TCommonBaseProps & { type?: 'line' | 'area' | 'bar' | 'histogram' | 'pie' | 'donut' | 'radialBar' | 'scatter' | 'bubble' | 'heatmap' | 'treemap' | 'boxPlot' | 'candlestick' | 'radar' | 'polarArea' | 'rangeBar'; series?: Array; width?: string | number; height?: string | number; options?: ApexOptions;

};

const ChartLowCode = (props: TChartProps): JSX.Element => { const {series = [], options = {}, type = 'bar'} = props; return ( <ReactApexChart {...props} series={series} options={options} type={type} /> ); };

export {ChartLowCode as Chart};`

But I get the following error in the console something like this -

image

noobDev31 commented 2 years ago

i have also tried giving a height = '100%' as a default to the the ReactApexChart

github-actions[bot] commented 2 months ago

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.