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

Change the shape of points in kendo react scatter chart

1 Answer 398 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Zohran
Top achievements
Rank 1
Zohran asked on 19 Nov 2018, 09:45 AM

Hi,

I need to change to color and shape of points/items in the kendo react scatter chart. The default is circles with different colors but i need to change it to shapes of diamond, square, circle and plus.
Can anyone please provide help in this regard.

Thanks

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 20 Nov 2018, 08:09 AM
Hello, Zohran,

The shape of the markers can be set using the markers.type property of the series:

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

The color can be changed using the background property:

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

This is an example:

https://stackblitz.com/edit/react-hcmyax?file=app/main.js
 
Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
General Discussions
Asked by
Zohran
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or