RadPieChart Display Issue

[Tracy]

Hello,

I have a RadPieChart which not displaying the slices correctly when one slice is 100% and the other is 0%.  No color is being applied to the 100%. I am using a converter to color each slice a specific color but the converter is not getting called.

Note -- it works fine for all other variations of values.

<chart:RadPieChart Palette="{Binding Palette}" Height="{Binding Path=PieChartHeight}" Width="{Binding Path=PieChartWidth}"
                   >

    <chart:RadPieChart.Behaviors>
        <chartView:ChartTooltipBehavior Placement="Mouse"  HorizontalOffset="0" VerticalOffset="-1" />
    </chart:RadPieChart.Behaviors>

    <chart:RadPieChart.TooltipTemplate>
        <DataTemplate>
            <Grid>
                <Path Data="M-1236,-441 L-1180,-441 -1180,-424 -1228,-424 -1236,-424 z"
                  Stretch="Fill" Fill="White" Stroke="Gray" StrokeThickness="1" />
                <StackPanel Margin="4,3,4,9" >
                    <TextBlock Text="{Binding Value}"  FontFamily="Segoe UI" />
                </StackPanel>
            </Grid>
        </DataTemplate>
    </chart:RadPieChart.TooltipTemplate>


    <chartView:PieSeries ValueBinding="Value" ItemsSource="{Binding DataPoints}"
                         RadiusFactor="0.77"
                         >

        <chartView:PieSeries.LabelDefinitions>
            <chartView:ChartSeriesLabelDefinition Margin="-30,0,0,0" />
        </chartView:PieSeries.LabelDefinitions>

        <chartView:PieSeries.AngleRange>
            <charting:AngleRange StartAngle="10" SweepAngle="360" />
        </chartView:PieSeries.AngleRange>

        <chartView:PieSeries.SliceStyles>

            <Style TargetType="Path">
                <Setter Property="Stroke" Value="Gray"/>
                <Setter Property="StrokeThickness" Value="1"/>
                <Setter Property="Fill" Value="{Binding Converter={StaticResource pieChartSliceToColorConverter}, ConverterParameter=0}"/>
            </Style>

            <Style TargetType="Path">
                <Setter Property="Stroke" Value="Gray"/>
                <Setter Property="StrokeThickness" Value="1"/>
                <Setter Property="Fill" Value="{Binding Converter={StaticResource pieChartSliceToColorConverter}, ConverterParameter=1}"/>
            </Style>

            <Style TargetType="Path">
                <Setter Property="Stroke" Value="Gray"/>
                <Setter Property="StrokeThickness" Value="1"/>
                <Setter Property="Fill" Value="{Binding Converter={StaticResource pieChartSliceToColorConverter}, ConverterParameter=2}"/>
            </Style>


        </chartView:PieSeries.SliceStyles>

    </chartView:PieSeries>

</chart:RadPieChart>

Any help would be apprecieated.

Thanks,

Tracy Jenkins

[Nikolay]

Hi Tracy,

Unfortunately we are not able to reproduce this issue in our local tests. The very basic scenario of binding the value of the setter works as expected. This is the code we've used to test this scenario :

<telerik:RadPieChart Name="pieChart">
            <telerik:PieSeries >
                <telerik:PieSeries.DataPoints>
                    <telerik:PieDataPoint Value="5" />
                    <telerik:PieDataPoint Value="0" />
                </telerik:PieSeries.DataPoints>
                <telerik:PieSeries.SliceStyles>
                    <Style TargetType="Path">
                        <Setter Property="Shape.Fill" Value="{Binding Item1}" />
                    </Style>
                    <Style TargetType="Path">
                        <Setter Property="Shape.Fill" Value="{Binding Item2}" />
                    </Style>
                </telerik:PieSeries.SliceStyles>
            </telerik:PieSeries>
        </telerik:RadPieChart>

public MainWindow()
        {
            InitializeComponent();

            this.pieChart.DataContext = new Tuple<Brush, Brush>(Brushes.Red, Brushes.Bisque);
        }

Our best guess in this case would be that the issue is in the color converter, however, we cannot confirm it at the moment without having a look at your full code. It would be very helpful if you're able to open a support ticket and send us a sample runnable project that reproduces the issue, so that we could debug it locally and track it down.

All the best,
Nikolay
the Telerik team

[Tracy]

Here is a very simple sample which exhibits the problem.
Just create a wpf app, add a RadPieChart and change your data points to match the ones below.
I have attached a screenshot of what it looks like when the app is run.

<Window x:Class="RadPieChartSample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525" xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
    <Grid>
        <telerik:RadPieChart HorizontalAlignment="Left" Margin="46,12,0,0" Name="radPieChart1" VerticalAlignment="Top" Height="275" Width="271">
            <telerik:PieSeries>
                <telerik:PieSeries.DataPoints>
                    <telerik:PieDataPoint Label="100 %" Value="100000" />
                    <telerik:PieDataPoint Label="0 %" Value="3" />
                </telerik:PieSeries.DataPoints>
            </telerik:PieSeries>
        </telerik:RadPieChart>
    </Grid>
</Window>

[Nikolay]

Hi Tracy,

We have indeed been able to reproduce the issue you've encountered, the root cause is the wide range between the two data point values, e.g. 5000 and 1. It has been logged for our developers to investigate and provide a fix for one of the upcoming versions of the control. Meanwhile, we would suggest that in cases with such extreme ranges between the values it would be much more appropriate to use another series type, say Bar and use logarithmic vertical axis.

Your Telerik points have been updated for the feedback.

Greetings,
Nikolay
the Telerik team

[Kaleb]

Hi,

We are experiencing similar problems so I'd like to inquire after the status of a solution to this.  Is it still forthcoming?  Is it resolved in some newer version of Telerik than we're using?

Thanks,

Kaleb

[Nikolay]

Hello Kaleb,

This issue has already been resolved for a while now and you can have the fix by downloading a newer version of the control.

Greetings,
Nikolay
the Telerik team