Creating Radar area chart

[Benjamin]

Hi,

I need help creating a radar area chart

I can't seems make the chart looks the same as the expected design

Dojo link

[Neli]

Hello Benjamin,

To wrap the categoryAxis labels you can use the labels.visual function:

- https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/categoryaxis.labels#categoryaxislabelsvisual

You can review the series patterns to style the series according to the requirements:

- https://demos.telerik.com/kendo-ui/bar-charts/series-patterns

- https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/series.pattern 

Regards,
Neli
Progress Telerik

[Benjamin]

I tried implementing the series pattern but seems like not what I wanted. the design should be the radar area line being dotted but now it is the whole radar area being dotted

I updated the dojo with the new series pattern implementation.

[Neli]

Hi Benjamin,

As far as I see you need to have dotted border for the area. I am afraid that the series.border option is not available for the radar chart. You can take a look at the following link from our API:

- https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/series.border

You could log a new featrue request in our feedback portal for adding such possibility for the radar chart as well.

- https://feedback.telerik.com/kendo-jquery-ui/ 

Regards,

Neli

[Benjamin]

Hi,

I can't find any sample on how to hide the vertical line with those numbers and how to box up and style the legend.

I realized that in my expected design for the number in the brackets, it is supposed to match the color of the relevant category in the legend. not sure how I edit the category.label.visual for this.

[Benjamin]

i updated the dojo to be closer to what i wanted. but cant seems to prevent the category label from overflowing into the radar area

[Neli]

Hi Benjamin,

I would suggest utilize the labels.margin option:

- https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/series.labels.margin

or you can also use the Layout configurations for positioning the content:

- https://docs.telerik.com/kendo-ui/api/javascript/drawing/layout#configuration

Regards,

Neli

[Benjamin]

I tried with the margin but it does not seem to be working

for the layout configuration it still does not work also

updated dojo