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

Radar Series change Style

3 Answers 8 Views
ChartView
This is a migrated thread and some comments may be shown as answers.
Devid
Top achievements
Rank 1
Devid asked on 28 Sep 2018, 03:39 PM

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;
        }

 

3 Answers, 1 is accepted

Sort by
0
Martin Ivanov
Telerik team
answered on 03 Oct 2018, 12:52 PM
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
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Devid
Top achievements
Rank 1
answered on 04 Oct 2018, 08:28 AM

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

Thanks

0
Martin Ivanov
Telerik team
answered on 04 Oct 2018, 10:05 AM
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
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
ChartView
Asked by
Devid
Top achievements
Rank 1
Answers by
Martin Ivanov
Telerik team
Devid
Top achievements
Rank 1
Share this question
or