Radar Series change Style

[Devid]

I want to change the look of Radar Series. The default Style is not the best when there are more then 5 Series.

I want my Radar Chart to look more like the one attached in the image below. I tried to Change the PointTemplate but then I am left only with the points.

Can someone point me to the right direction ?

 

 

private RadarAreaSeries CreateRadarSeries(KeyValuePair<ChartSerie, List<ChartDataPoint>> chartSeries, ChartLegendSettings legendSettings,
                                                  int                                            colorPaletteIndex)
        {
            var radarSeries = new RadarAreaSeries
            {
                LegendSettings = (SeriesLegendSettings)legendSettings,
                PointTemplate = new DataTemplate()
                {
                    VisualTree = AddPointsToSeries(chartSeries, colorPaletteIndex),
                },
                TooltipTemplate = new DataTemplate()
                {
                    VisualTree = CustomTooltip(chartSeries, colorPaletteIndex),
                },
                Opacity = 0.7,
                LabelDefinitions =
                {
                    // set the clarion format for the labels
                    new ChartSeriesLabelDefinition()
                    {
                        Template = new DataTemplate()
                        {
                            VisualTree = GetSeriesFormat(chartSeries),
                        }
                    }
                },
            };

            foreach (ChartDataPoint serie in chartSeries.Value)
            {
                radarSeries.DataPoints.Add(new CategoricalDataPoint()
                {
                    Category = serie.XPoint.Label,
                    Value    = (double?)serie.Value,
                });
            }

            return radarSeries;
        }

 

[Martin Ivanov]

Hi Devid,

Can you tell me which design you would like to achieve? The one from chart_radar.png or from chart_radar_2.png. Or both?

Regards,
Martin Ivanov
Progress Telerik

[Devid]

Hi Martin, I would like to archive the design from "Chart_Radar.png", the other one is what I currently have now.

Thanks

[Martin Ivanov]

Hello Devid,

Thank you for the additional information.

The radar series doesn't allow you to draw this heptagon shape. However, there is a feature request to implement polygon line annotations for the polar chart which would be helpful for your scenario. You can find this logged in our feedback portal. A possible approach to achieve this result is to draw the heptagon manually. You can see this approach along with the styling of the series in the attached project. I hope it helps.

Regards,
Martin Ivanov
Progress Telerik