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

ScatterLine chart and marker size

9 Answers 66 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 16 Feb 2021, 08:44 PM

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

9 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 17 Feb 2021, 11:54 AM

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

0
Goutham
Top achievements
Rank 1
Veteran
answered on 17 Feb 2021, 03:54 PM

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!

0
Stefan
Telerik team
answered on 18 Feb 2021, 12:54 PM

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

0
Goutham
Top achievements
Rank 1
Veteran
answered on 18 Feb 2021, 05:29 PM
I have attached the json structure I am using. Thanks
0
Accepted
Stefan
Telerik team
answered on 19 Feb 2021, 02:38 PM

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

0
Goutham
Top achievements
Rank 1
Veteran
answered on 19 Feb 2021, 04:08 PM
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!
0
Goutham
Top achievements
Rank 1
Veteran
answered on 21 Feb 2021, 04:01 PM
I had to add color tag inside ChartSeriesItem, now the line is visible, thanks
0
Goutham
Top achievements
Rank 1
Veteran
answered on 21 Feb 2021, 10:32 PM

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.

0
Stefan
Telerik team
answered on 22 Feb 2021, 06:19 AM

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

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