ScatterLine chart and marker size

[Goutham]

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

[Stefan]

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

[Goutham]

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!

[Stefan]

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

[Goutham]

I have attached the json structure I am using. Thanks

[Stefan]

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

[Goutham]

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!

[Goutham]

I had to add color tag inside ChartSeriesItem, now the line is visible, thanks

[Goutham]

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.

[Stefan]

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