<Page.DataContext>
<Binding Source="{StaticResource EmpSummaryViewModel}"/>
</Page.DataContext>
<Charts:SfChart3D x:Name="HoursChart" Height="200" Width="270" Margin="0,20,0,0">
<Charts:SfChart3D.PrimaryAxis>
<Charts:CategoryAxis3D/>
</Charts:SfChart3D.PrimaryAxis>
<Charts:SfChart3D.SecondaryAxis>
<Charts:NumericalAxis3D/>
</Charts:SfChart3D.SecondaryAxis>
<Charts:SfChart3D.Legend>
<Charts:ChartLegend DockPosition="Top" OffsetX="0" OffsetY="0" Orientation="Horizontal" LegendPosition="Outside" FontSize="12" Padding="5" Margin="0,0,0,0" HorizontalAlignment="Center"/>
</Charts:SfChart3D.Legend>
<Charts:DoughnutSeries3D x:Name="doughnutSeries3D" ItemsSource="{Binding WorkHours, UpdateSourceTrigger=PropertyChanged}" XBindingPath="Title" YBindingPath="Hours" EnableAnimation="True" EnableSmartLabels="True" LabelPosition="OutsideExtended" Palette="Elite" ConnectorType="Line" HorizontalAlignment="Left" DoughnutCoefficient="0.5" StartAngle="0" EndAngle="180" ListenPropertyChange="True">
<Charts:DoughnutSeries3D.AdornmentsInfo>
<Charts:ChartAdornmentInfo3D AdornmentsPosition="TopAndBottom" ShowLabel="True" UseSeriesPalette="True" ShowConnectorLine="True"
SegmentLabelContent="LabelContentPath" BorderThickness="2" BorderBrush="White" ConnectorHeight="150" ShowMarker="False"
SegmentLabelFormat="# hrs" Margin="3,2"/>
</Charts:DoughnutSeries3D.AdornmentsInfo>
</Charts:DoughnutSeries3D>
</Charts:SfChart3D>
The problem is that the animation only ever activates when you navigate to the page. The data binding works fine in that changes to the data in the viewmodel do update the chart immediately, and always. But it would be nice if the animation would fire everytime the WorkHours ObservableCollection gets updated/changed. Is there a problem with my implementation of this chart?