Chart height

7 posts, 0 answers
  1. Nikolay
    Nikolay avatar
    2 posts
    Member since:
    Aug 2019

    Posted 08 Jan Link to this post

    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
  2. Stefan
    Admin
    Stefan avatar
    3039 posts

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

  3. Goutham
    Goutham avatar
    11 posts
    Member since:
    Jan 2021

    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. 

  4. Stefan
    Admin
    Stefan avatar
    3039 posts

    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.

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

  5. Goutham
    Goutham avatar
    11 posts
    Member since:
    Jan 2021

    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.

  6. Goutham
    Goutham avatar
    11 posts
    Member since:
    Jan 2021

    Posted 13 Jan in reply to Goutham Link to this post

    I meant its compiling but not working* and is there any npm* packages? 
  7. Stefan
    Admin
    Stefan avatar
    3039 posts

    Posted 13 Jan Link to this post

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

Back to Top