This is a migrated thread and some comments may be shown as answers.

Chart height

6 Answers 48 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Goutham
Top achievements
Rank 1
Veteran
Goutham asked on 08 Jan 2021, 01:20 PM
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

6 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 08 Jan 2021, 01:31 PM

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/.

0
Goutham
Top achievements
Rank 1
Veteran
answered on 13 Jan 2021, 05:00 AM

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. 

0
Stefan
Telerik team
answered on 13 Jan 2021, 08:33 AM

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

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/.

0
Goutham
Top achievements
Rank 1
Veteran
answered on 13 Jan 2021, 03:47 PM

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.

0
Goutham
Top achievements
Rank 1
Veteran
answered on 13 Jan 2021, 03:48 PM
I meant its compiling but not working* and is there any npm* packages? 
0
Stefan
Telerik team
answered on 14 Jan 2021, 05:55 AM

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

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/.

Tags
General Discussions
Asked by
Goutham
Top achievements
Rank 1
Veteran
Answers by
Stefan
Telerik team
Goutham
Top achievements
Rank 1
Veteran
Share this question
or