Set Marker Backgrounds to Match Stroke Color

[Kara]

Hi, I've been trying to figure out a way to make the markers on my scatter chart solid. It'd be nice if there was a prop for this.

I am able to set the color with a function, but that only sets the stroke color. I can set the background in the marker props, but that doesn't take a function so some of my points don't have a matching background to stroke. 

[Kara]

Found a solution: I can set the border width and it looks filled in as desired.

[Silviya Stoyanova]

Hello Kara,

I am glad to read that you found a solution on your own to your question. I would like to clarify that Kendo UI provides built-in functionality for setting a background color of the series markers. As you will find in the documentation the series.markers.background can be set via a function.

And here you could see a runnable example: https://dojo.telerik.com/@Silvia/oLiQEyAK

If I can be of any assistance, please, let me know.

Kind Regards,
Silviya Stoyanova
Progress Telerik

[Kara]

Hi Silviya,

Ah, I must have mistakenly posted in the wrong forum. I am using Kendo UI with React. Does it also accept a function for the React component? I moved onto something else at the moment and cannot easily test this or I would. 

Thanks,

Kara

[Stefan]

Hello, Kara,

I`m part of the KendoReact team and I can confirm that the KendoReact Chart also accepts a function for the background:

https://stackblitz.com/edit/react-gycxv3?file=app/main.jsx

Still, I see that it is marked in the documentation only as a string and we will update that:

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

Regards,
Stefan
Progress Telerik

[Kara]

Hi Stefan,

Thanks!

Kara