Bind a Title of ChartControl to the current Item of a GridControl

部分代码： 

 <dxg:GridControl x:Name="gridControl" ItemsSource="{Binding ChartInfoList}"  SelectedItem="{Binding Path=SelectedChartModel, Mode=TwoWay}" >
                <dxmvvm:Interaction.Behaviors>
                    <dxmvvm:KeyToCommand Command="{Binding EditCommand}" EventName="MouseDoubleClick" CommandParameter="{Binding ElementName=gridControl, Path=SelectedItem}"/>
                </dxmvvm:Interaction.Behaviors>
                <dxg:GridColumn FieldName="BookName" Binding="{Binding BookName, Mode=TwoWay}" />
                <dxg:GridColumn FieldName="Symbol"  Binding="{Binding Symbol, Mode=TwoWay}"/>
                <dxg:GridColumn FieldName="SymbolName" Binding="{Binding Symbol, Mode=TwoWay}"/>
                <dxg:GridColumn FieldName="SpotPrice" Binding="{Binding SpotPri, Mode=TwoWay}"/>
                <dxg:GridColumn FieldName="PriceFrom"  Binding="{Binding PriceFrom, Mode=TwoWay}"/>
                <dxg:GridColumn FieldName="PriceTo"  Binding="{Binding PriceTo, Mode=TwoWay}"/>
                <dxg:GridColumn FieldName="PriceChage"  Binding="{Binding IsUsePriceChage, Mode=TwoWay}">
                    <dxg:GridColumn.EditSettings>
                        <dxe:CheckEditSettings Content="Price Chage" HorizontalContentAlignment="Right"  />
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>

                    </dxg:GridColumn>

                <dxg:GridControl.View>
                    <dxg:CardView AllowEditing="True" ShowGroupedColumns="True" NavigationStyle="Cell" FixedSize="250" MinFixedSize="150" Name="view"
                                  CardHeaderBinding="{Binding Path=Data.Name, RelativeSource={RelativeSource Self}}" 
                                  PrintAutoCardWidth="True" PrintMaximumCardColumns="2" 
                                />
                </dxg:GridControl.View>
            </dxg:GridControl>
            <DataGrid HorizontalAlignment="Left" Margin="335,120,0,0" VerticalAlignment="Top"/>
        </Grid>

  刚开始的时候尝试Content="{Binding ElementName=gridControl,Path=SelectedItem.Symbol}"

 但是没有效果，原因未知，于是又尝试如下方法：

Content="{Binding Symbol}" DataContext="{Binding ElementName=gridControl,Path=SelectedItem}"

部分代码如下图：

 <dxc:ChartControl Name="chartControl1" AnimationMode="OnLoad" Grid.Row="1">
            <dxc:ChartControl.Titles>
                <dxc:Title
                        Content="{Binding Symbol}" DataContext="{Binding ElementName=gridControl,Path=SelectedItem}"
                        HorizontalAlignment="Center">
                    <dxc:Title.ContentTemplate>
                        <DataTemplate>
                            <StackPanel  Orientation="Horizontal">
                                <TextBlock Text="{Binding}" />
                            </StackPanel>
                        </DataTemplate>
                    </dxc:Title.ContentTemplate>
                </dxc:Title>
                <dxc:Title Dock="Bottom" HorizontalAlignment="Right" FontSize="12" Foreground="Silver" Margin="0,10,0,0">From www.bea.gov</dxc:Title>
            </dxc:ChartControl.Titles>
            <dxc:ChartControl.CrosshairOptions>
                <dxc:CrosshairOptions CrosshairLabelMode="ShowForNearestSeries"/>
            </dxc:ChartControl.CrosshairOptions>
         </dxc:ChartControl>

 效果如下图：