MouseOver on ScatterSeries Marker item

255

Horst Reichert posted over 5 years ago

I want to have a mouse over effect when the mose passes a marker of a ScatterSeries preferrable by Code similar as the xamDataChart "Series Highlighting on Legend Hover" example in the WPF Samples Browser.

Regards Horst

Parents

1560

Offline Teodosia Hristodorova posted over 5 years ago

Hello Horst,

Using the sample you pointed and the "Gallery - Scatter Series" sample from WPF Samples Browser, I have made a small sample using Sample Bubble Data that illustrates your requirement. You could find it attached below. Please test it on your side and modify it per your needs.

Let me know if I may be of any further assistance.

Sincerely,
Teodosia Hristodorova
Associate Software Developer

4645.Scatter_Series.zip
Cancel
Reply

Cancel
255

Offline Horst Reichert posted over 5 years ago in reply to Teodosia Hristodorova

Hello Teodosia,

Thank you for the example. I should have been more verbose explaining what I wanted to acheeve…

I wanted the mouse over effect on a single maker the mouse is over. The sample supplied sets the effect to all the markers.

How can the effect be only applied to the marker under the mouse cursor?

Regards Horst
Cancel
Reply

Cancel

255

Offline Horst Reichert posted over 5 years ago in reply to Teodosia Hristodorova

Hello Teodosia,

you sample works only for a BubbleSeries. Altering the series type to ScatterSeries will not Show any MouseOver effect.

            <ig:XamDataChart.Series>              
                <ig:ScatterSeries ItemsSource="{StaticResource data}" MarkerStyle="{StaticResource test}"
                         XAxis="{Binding ElementName=XAxis}"
                         YAxis="{Binding ElementName=YAxis}"
                         XMemberPath="X"
                         YMemberPath="Y"
                         Title="Bubble Series I"
                         Legend="{Binding ElementName=Legend}"
                         IsHighlightingEnabled="False" >       
                </ig:ScatterSeries>               
            </ig:XamDataChart.Series>

Regards Horst

1560

Offline Teodosia Hristodorova posted over 5 years ago in reply to Horst Reichert
Hello Horst,

I modified the previous sample by adding two event setters for MouseEnter event and for MouseLeave event in the marker style.

<Style x:Key="myStyle" TargetType="{x:Type ig:Marker}" > <EventSetter Event="MouseEnter" Handler="Marker_MouseEnter"></EventSetter> <EventSetter Event="MouseLeave" Handler="Marker_MouseLeave"></EventSetter> </Style>

In the event handlers I'm changing marker's opacity property to the desired value:

private void Marker_MouseEnter(object sender, MouseEventArgs e) { (sender as Marker).Opacity = 0.5; } private void Marker_MouseLeave(object sender, MouseEventArgs e) { (sender as Marker).Opacity = 1; }

With this modification everything works as expected on my side and I will investigate the behavior from the previous approach.

Plese test it on your side and let me know if I may be of any further assistance.

Sincerely,
Teodosia Hristodorova
Associate Software Developer

4375.Scatter_Series.zip
Cancel
Reply

Cancel
255

Offline Horst Reichert posted over 5 years ago in reply to Teodosia Hristodorova

Hello Teodosia,

thank you for the update. It works as expected.

I think the previous Approach did not work with Scatterline because the Style assigned to the marker defined in "generic.shared.xaml" is already defing a VisualStateManager using "MouseOver"

Regards Horst
Cancel
Reply

Cancel
1560

Offline Teodosia Hristodorova posted over 5 years ago in reply to Horst Reichert

Hello Horst,

I am glad that you find my suggestion helpful.

After further investigation, I determined that the reason the style cannot be applied for ScatterSeries marker's opacity is because the value source of this property is set to "Local" . That makes it unstylable due to the fact that a local value takes higher precedence. For instance, the opacity value property of BubbleSeries is set to "Default" and because of that the style could be applied.

If you require any further assistance on the matter, please let me know.

Sincerely,
Teodosia Hristodorova
Associate Software Developer
Cancel
Reply

Cancel

Reply

255

Offline Horst Reichert posted over 5 years ago in reply to Teodosia Hristodorova

Hello Teodosia,

thank you for the update. I do not see any reason why this property should be set local. Your developer Team might rethink this Setting.

Anyway it works with your Approach...

Thank you for your help.

Regards Horst
Cancel
Reply

Cancel

Children

1560

Offline Teodosia Hristodorova posted over 5 years ago in reply to Horst Reichert

Hello Horst,

I am glad that you managed to achieve your requirement using my approach.

Thank you for using Infragistics components.

Sincerely,
Teodosia Hristodorova
Associate Software Developer
Cancel
Reply

Cancel