Chart height

[Goutham]

Hello, I am using react js , please take a look at my screenshots. The height value is not rendering in the webpage at all, I am not sure what value to use. Pls help in this case what value to use

[Stefan]

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

[Goutham]

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. 

[Stefan]

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

[Goutham]

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.

[Goutham]

I meant its compiling but not working* and is there any npm* packages? 

[Stefan]

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