Chart height

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

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. 

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.

Regards,
Stefan
Progress Telerik

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.

Hello, Goutham,

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-charts

Also, in that case, the majorGridLines have to be set to the ChartXAxisItem and ChartYAxisItem

https://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

Regards,
Stefan
Progress Telerik