ScatterLine chart and marker size

10 posts, 1 answers
  1. Goutham
    Goutham avatar
    11 posts
    Member since:
    Jan 2021

    Posted 16 Feb Link to this post

    Hello, I am using Scatterline type but it is only showing up as scatter plot still. Please take a look at the code I have in the image attached and please let me know

  2. Stefan
    Admin
    Stefan avatar
    3034 posts

    Posted 17 Feb Link to this post

    Hello, Goutham,

    The provided code looks good.

    Could you please share an image of the issue and how it is expected to look?

    This will help us better understand the case and assist further.

    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 17 Feb in reply to Stefan Link to this post

    1.png is what my graph look likes with the code that I posted below which has scatterLine.

    2.png is how I want it to look. 

    Your input is very much appreciated. And really helped in my development. Thanks!

  4. Stefan
    Admin
    Stefan avatar
    3034 posts

    Posted 18 Feb Link to this post

    Hello, Goutham,

    Thank you for the screenshots.

    If I correctly understand the issue is that there are no lines in the Chart only the points.

    If this is correct, please share a sample data that is used in the Chart and we will try to make an example based on that.

    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 18 Feb in reply to Stefan Link to this post

    I have attached the json structure I am using. Thanks
  6. Answer
    Stefan
    Admin
    Stefan avatar
    3034 posts

    Posted 5 days and 6 hours ago Link to this post

    Hello, Goutham,

    Thank you for the data.

    I used it and most of the code to make a test example that was working as expected:

    https://stackblitz.com/edit/react-butovg?file=app%2Fmain.jsx

    If the issue still occurs, please modify the example to showcase the issue.

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

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

    Posted 5 days and 4 hours ago in reply to Stefan Link to this post

    I have the same code as you. Still getting the error while using scatterLine, No line is visible. I even tried to remove bg color to check it, nothing is rendering. Please help. Thanks!
  8. Goutham
    Goutham avatar
    11 posts
    Member since:
    Jan 2021

    Posted 3 days and 5 hours ago in reply to Goutham Link to this post

    I had to add color tag inside ChartSeriesItem, now the line is visible, thanks
  9. Goutham
    Goutham avatar
    11 posts
    Member since:
    Jan 2021

    Posted 2 days and 22 hours ago Link to this post

    Hello Stefan, Thanks, I fixed the issue. 

    Ive another question, Could you fill up specific markers? When I use background inside markers all markers are filled with the color, I want only a few markers filled , others I don't want to. For example, In my graph picture, I want those specifically coloured.

  10. Stefan
    Admin
    Stefan avatar
    3034 posts

    Posted 2 days and 14 hours ago Link to this post

    Hello, Goutham,

    I'm glad that the initial issue is resolved.

    As for the dynamic background of the notes, this will require using the visual prop to programmatically draw each note:

    https://www.telerik.com/kendo-react-ui/components/charts/api/ChartSeriesNotesProps/#toc-visual

    The drawing documentation can be very helpful with custom drawings:

    https://www.telerik.com/kendo-react-ui/components/drawing/

    ---------------------------

    Also, as a side note, I noticed that there is no license associated with this account, is the license associated with another account?

    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