Posted 08 Jan Link to this post
Hello, Tushar,
The dimensions have be set to the ChartArea:https://www.telerik.com/kendo-react-ui-develop/components/charts/chart/elements/chart-area/https://www.telerik.com/kendo-react-ui-develop/components/charts/api/ChartAreaProps/#toc-height
I hope this is helpful.
Regards, Stefan Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.
Posted 12 Jan in reply to Stefan Link to this post
Hello, Thank you for the help
My grid lines is not displaying on my chart, The gridline API does not have a example on how to use it. Please let me know how to get grid lines on my chart.
Posted 13 Jan Link to this post
Hello, Goutham,
If they are not showing, they have to be set to visible: true.This is an example with the syntax:https://stackblitz.com/edit/react-karsxe?file=app/main.jsx
They can be set to the ChartCategoryAxisItem or the ChartValueAxisItem.
Posted 13 Jan in reply to Stefan Link to this post
Hey,
I tried that, I have all imports as well. please take a look at the screenshot, its complining but not working. Is there any rpm packages for this specifically? or what is the solution here? Please let me know.
Thanks for your time.
Posted 13 Jan in reply to Goutham Link to this post
Thank you for the picture.From there I see that this using the Scatter Chart, not the standard Categorical Chart. This shows the difference:https://www.telerik.com/kendo-react-ui-develop/components/charts/series-types/scatter/#toc-choosing-scatter-line-over-line-chartsAlso, in that case, the majorGridLines have to be set to the ChartXAxisItem and ChartYAxisItemhttps://www.telerik.com/kendo-react-ui-develop/components/charts/api/ChartXAxisItemProps/#toc-majorgridlines
https://www.telerik.com/kendo-react-ui-develop/components/charts/api/ChartYAxisItemProps/#toc-majorgridlines