Récupérer les informations d'un chart

**Dragna_x** · 09/09/2010, 12h58

Bonjour à tous,

j'ai fait une application qui affiche des données provenant d'une BDD dans un pie chart : (voir image en pièce jointe)

Je souhaite récupérer les informations qui apparaissent dans le carré blanc quand on pointe la souris sur le graphique pour les afficher en dessous.

Je pense que c'est possible de faire sa directement en xaml mais je vois pas comment!

Quelqu'un pourrait m'éclairer??!
Merci

**Thomas Lebrun** · 09/09/2010, 16h40

Donc tu veux récupérer le contenu du Tooltip, c'est bien ça ?

**Dragna_x** · 09/09/2010, 18h00

Oui c'est ça, mais je ne sais pas comment y accéder...

**Dragna_x** · 14/09/2010, 15h16

Bon, j'ai pas résolu mon problème mais j'ai envisagé une autre solution! Au lieu d'afficher les informations lorsque je sélectionne la donnée, j'ai améliorer le tooltip pour afficher ce que je veux.

Maintenant je voudrais améliorer l'affichage mais j'ai un rectangle blanc autour de mon tooltip qui persiste et je n'arrive pas à le retirer!! (voir image associer)

Quelqu'un pourrait me dire à quoi correspond ce rectangle??!

Merci

**Samuel Blanchard** · 14/09/2010, 15h33

Bonjour,

C'est le template de ton ToolTip je pense.
Tu dois pour voir faire ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<ToolTip>
   <ToolTip.Template>
       <ContentPresenter/>
   </ToolTip.Template>
   <Content>
        <!-- ici le contenu -->
   </Content>
</ToolTip>

**Dragna_x** · 14/09/2010, 17h09

Merci de m'avoir répondu mais je ne vois pas trop où mettre le code que tu me propose. Voici mon code actuel :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<ControlTemplate TargetType="chartingToolkit:PieDataPoint" x:Key="ToolTipTemplate">            
            <Grid x:Name="Root" Opacity="0">
                <VisualStateManager.VisualStateGroups>[...]
 
                <Path x:Name="Slice"
                      Data="{TemplateBinding Geometry}"
                      Fill="{TemplateBinding Background}"
                      Stroke="{TemplateBinding BorderBrush}"
                      StrokeMiterLimit="1">                
                    <ToolTipService.ToolTip>
                        <Border Opacity="1" BorderThickness="2" CornerRadius="5" BorderBrush="#F12B938D" Background="#FFB3DFE5" Padding="5">
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="*"/>
                                    <ColumnDefinition Width="*"/>
                                </Grid.ColumnDefinitions>
 
                                <StackPanel Grid.Column="0">
                                    <TextBlock Text="Rayon : " FontWeight="Bold"/>
                                    <TextBlock Text="Fréquentation : " FontWeight="Bold"/>
                                    <TextBlock Text="Pourcentage : " FontWeight="Bold"/>
                                </StackPanel>
                                <StackPanel Grid.Column="1">
                                    <ContentControl x:Name="test" Content="{TemplateBinding FormattedIndependentValue}"/>
                                    <ContentControl Content="{TemplateBinding FormattedDependentValue}"/>
                                    <ContentControl Content="{TemplateBinding FormattedRatio}"/>
                                </StackPanel>
                            </Grid>
                        </Border>
                    </ToolTipService.ToolTip>
                </Path>
 
                <Path x:Name="SelectionHighlight"
                      Data="{TemplateBinding GeometrySelection}"
                      Fill="Red"
                      StrokeMiterLimit="1"
                      IsHitTestVisible="False"
                      Opacity="0"/>
                <Path x:Name="MouseOverHighlight"
                      Data="{TemplateBinding GeometryHighlight}"
                      Fill="White"
                      StrokeMiterLimit="1"
                      IsHitTestVisible="False"
                      Opacity="0"/>
            </Grid>
        </ControlTemplate>
    </UserControl.Resources>

Tu peux m'en dire un peu plus??!

**Samuel Blanchard** · 14/09/2010, 17h15

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<ControlTemplate TargetType="chartingToolkit:PieDataPoint" x:Key="ToolTipTemplate">            
            <Grid x:Name="Root" Opacity="0">
                <VisualStateManager.VisualStateGroups>
                    <VisualStateGroup x:Name="CommonStates">
                        <VisualStateGroup.Transitions>
                            <VisualTransition GeneratedDuration="0:0:0.1"/>
                        </VisualStateGroup.Transitions>
                        
                        <VisualState x:Name="Normal"/>                        
                        <VisualState x:Name="MouseOver">
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetName="MouseOverHighlight"
                                                 Storyboard.TargetProperty="Opacity"
                                                 To="0.6"
                                                 Duration="0"/>
                            </Storyboard>
                        </VisualState>
                    </VisualStateGroup>
                    
                    <VisualStateGroup x:Name="SelectionStates">
                        <VisualStateGroup.Transitions>
                            <VisualTransition GeneratedDuration="0:0:0.1"/>
                        </VisualStateGroup.Transitions>
                        <VisualState x:Name="Unselected"/>
                        <VisualState x:Name="Selected">
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetName="SelectionHighlight"
                                                 Storyboard.TargetProperty="Opacity"
                                                 To="0.6"
                                                 Duration="0"/>
                            </Storyboard>
                        </VisualState>
                    </VisualStateGroup>
                    
                    <VisualStateGroup x:Name="RevealStates">
                        <VisualStateGroup.Transitions>
                            <VisualTransition GeneratedDuration="0:0:0.5"/>
                        </VisualStateGroup.Transitions>
                        <VisualState x:Name="Shown">
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetName="Root"
                                                 Storyboard.TargetProperty="Opacity"
                                                 To="1"
                                                 Duration="0"/>
                            </Storyboard>
                        </VisualState>
                        <VisualState x:Name="Hidden">
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetName="Root"
                                                 Storyboard.TargetProperty="Opacity"
                                                 To="0"
                                                 Duration="0"/>
                            </Storyboard>
                        </VisualState>
                    </VisualStateGroup>                    
                </VisualStateManager.VisualStateGroups>
                
                <Path x:Name="Slice"
                      Data="{TemplateBinding Geometry}"
                      Fill="{TemplateBinding Background}"
                      Stroke="{TemplateBinding BorderBrush}"
                      StrokeMiterLimit="1">                
                    <ToolTipService.ToolTip>
<!-- ICI -->
                        <ToolTip>
<ToolTip.Template>
       <ContentPresenter/>
   </ToolTip.Template>
   <ToolTip.Content>


                        <Border Opacity="1" BorderThickness="2" CornerRadius="5" BorderBrush="#F12B938D" Background="#FFB3DFE5" Padding="5">
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="*"/>
                                    <ColumnDefinition Width="*"/>
                                </Grid.ColumnDefinitions>
                                
                                <StackPanel Grid.Column="0">
                                    <TextBlock Text="Rayon : " FontWeight="Bold"/>
                                    <TextBlock Text="Fréquentation : " FontWeight="Bold"/>
                                    <TextBlock Text="Pourcentage : " FontWeight="Bold"/>
                                </StackPanel>
                                <StackPanel Grid.Column="1">
                                    <ContentControl x:Name="test" Content="{TemplateBinding FormattedIndependentValue}"/>
                                    <ContentControl Content="{TemplateBinding FormattedDependentValue}"/>
                                    <ContentControl Content="{TemplateBinding FormattedRatio}"/>
                                </StackPanel>
                            </Grid>
                        </Border>
</ToolTip.Content>
</ToolTip>
                    </ToolTipService.ToolTip>
                </Path>
                
                <Path x:Name="SelectionHighlight"
                      Data="{TemplateBinding GeometrySelection}"
                      Fill="Red"
                      StrokeMiterLimit="1"
                      IsHitTestVisible="False"
                      Opacity="0"/>
                <Path x:Name="MouseOverHighlight"
                      Data="{TemplateBinding GeometryHighlight}"
                      Fill="White"
                      StrokeMiterLimit="1"
                      IsHitTestVisible="False"
                      Opacity="0"/>
            </Grid>
        </ControlTemplate>
    </UserControl.Resources>

**Dragna_x** · 14/09/2010, 17h29

Je l'avais bien mis la mais le <ContentPresenter/> ne fait pas partie de <ToolTip.Template>, je pensais qu'il fallait le mettre ailleurs!

Tu est sur qu'il faut le mettre la?!

**Samuel Blanchard** · 14/09/2010, 17h36

j'avais pas testé

Tout propriété Template utilise un ControlTemplate, donc :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<ToolTip.Template>
  <ControlTemplate>
    <ContentPresenter/>
  </ControlTemplate>
</ToolTip.Template>

**Dragna_x** · 14/09/2010, 17h39

Impeccable!! Merci beaucoup.

Récupérer les informations d'un chart

Silverlight

Discussions similaires

Partager

Partager