We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Sparkline component Query- Branched from Forum 174163

I am using the library in my next js project and throwing error when i want to use spakrline component. Kindly provide me solution.

Capture.PNG

SS

Add a reply

1 Reply

SB Swetha Babu Syncfusion Team February 22, 2023 09:35 AM UTC

Hi Rafaqat,


Greetings from Syncfusion.


We have created a sparkline component in the next.js app to replicate the reported scenario. But, we are unable to reproduce the same. Please find the attached sample for your reference.


Code Snippet:


<SparklineComponent id='sparkline' height='100px' width='70%' dataSource={[

                { x: 0, xval: '2005', yval: 20090440 },

                { x: 1, xval: '2006', yval: 20264080 },

                { x: 2, xval: '2007', yval: 20434180 },

                { x: 3, xval: '2008', yval: 21007310 },

                { x: 4, xval: '2009', yval: 21262640 },

                { x: 5, xval: '2010', yval: 21515750 },

                { x: 6, xval: '2011', yval: 21766710 },

                { x: 7, xval: '2012', yval: 22015580 },

                { x: 8, xval: '2013', yval: 22262500 },

                { x: 9, xval: '2014', yval: 22507620 },

            ]} xName='xval' yName='yval'>

        </SparklineComponent>


Screenshot:



If the reported scenario still persists, please modify the above sample to replicate the reported scenario. It will be helpful for us to analyze further and assist you better.


Regards,

Swetha


Loader.
Up arrow icon