Hi Stefan,

the solution provided by you helps me to achieve what i want. but i am loosing synchronization with my chart.

My Chart:

<ig:XamDataChart x:Name="xmDataChart" DataContext="{Binding Path=SelectedDevice.RFMonitorData}"
Margin="30,20,30,0"
Background="Transparent" PlotAreaBackground="Transparent"
HorizontalZoomable="True" HorizontalZoombarVisibility="Collapsed"
VerticalZoomable="False" VerticalZoombarVisibility="Collapsed"
OverviewPlusDetailPaneVisibility="Collapsed"

>
<ig:SyncManager.SyncSettings>
<ig:SyncSettings SyncChannel="charts" SynchronizeHorizontally="True" SynchronizeVertically="False" />
</ig:SyncManager.SyncSettings>

...

My ZoomBar:
 

<ig:XamZoombar Name="xamZoombar1" VerticalAlignment="Top" Background="Transparent"
Opacity=".8"
Range="{Binding ElementName=xmDataChart, Path=HorizontalZoombar.Range, Mode=TwoWay}"
> 

 please let me know how can i sync with my chart and at the same time have the range between 0.9 to 1.

Hi Stefan,

just wanted to check. have you got a chance to look into the small issue left. 

Regards,

Kamlendra

Hello Kamlendra,

Could you pelase be more specific about your requirement, becasue when I start the sample I sent you, the XamDataChart shows only the points that are zoomed by the Zoombar. I will be great if you could modify the sample, so it reproduces your behavior and sent screenshots of the current result and teh result you want to achieve, so I could be able to investigate this further for you.

Looking forward for your reply.

Hi Stefan,

i made required modification to your sample(implemented OnXamZoombarZoomChanged,OnXamDataChartWindowRectChanged,OnXamChart_PreviewMouseWheel). and that way i am able to achieve the Synonization and required thumb min/max. the only issue is onload the XAMdDataChartWindowRectangle is not updated. once user click on XamzoomBar : the handler OnXamZoombarZoomChanged is getting called and things are getting corrected.1.Behaviour class 2. ( i have both expected and current image ready with me but your website doesn't provide upload from PC it ask for url:give me a mild ID where i can send these images.)

Important observation: initially this.Chart object is getting null so this.Chart.WindowRectChanged event never getting registered. 

1. please find the Behaviour class:

using Infragistics;
using Infragistics.Controls;
using Infragistics.Controls.Charts;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Data;
using System.Windows.Input;
using System.Windows.Interactivity;

namespace AKG4.Forms.Behaviors
{
public class ZoomBarRangeBehaviour :Behavior<XamDataChart>
{

private XamDataChart Chart
{
get
{
return AssociatedObject as XamDataChart;
}
}

public XamZoombar HorizontalZoombar
{
get { return (XamZoombar)GetValue(HorizontalZoombarProperty); }
set { SetValue(HorizontalZoombarProperty, value); }
}

// Using a DependencyProperty as the backing store for HorizontalZoombar. This enables animation, styling, binding, etc...
public static readonly DependencyProperty HorizontalZoombarProperty =
DependencyProperty.Register("HorizontalZoombar", typeof(XamZoombar), typeof(ZoomBarRangeBehaviour), new PropertyMetadata(SetZoombar));

private static void SetZoombar(DependencyObject obj, DependencyPropertyChangedEventArgs e)
{
Binding binding = new Binding
{
Source = (obj as ZoomBarRangeBehaviour).Chart,
Path = new PropertyPath("HorizontalZoombar.Range"),
Mode = BindingMode.TwoWay
};
(obj as ZoomBarRangeBehaviour).HorizontalZoombar.SetBinding(XamZoombar.RangeProperty, binding);
(obj as ZoomBarRangeBehaviour).HorizontalZoombar.Range = new Range { Minimum = 0.9, Maximum = 1 };

// detach the old events so we don't leak memory
(obj as ZoomBarRangeBehaviour).DetachEvents();

// attach the new events
(obj as ZoomBarRangeBehaviour).AttachEvents();

}

private void AttachEvents()
{
this.HorizontalZoombar.ZoomChanged += OnXamZoombarZoomChanged;
//this.HorizontalZoombar.ZoomChanging+=HorizontalZoombar_ZoomChanging;
if (this.Chart != null)
this.Chart.WindowRectChanged += OnXamDataChartWindowRectChanged;
}
private void DetachEvents()
{
this.HorizontalZoombar.ZoomChanged -= OnXamZoombarZoomChanged;
//this.HorizontalZoombar.ZoomChanging -= HorizontalZoombar_ZoomChanging;
if(this.Chart!=null)
this.Chart.WindowRectChanged -= OnXamDataChartWindowRectChanged;
}

bool fromMouseWheel = false;
double scaleH = -1;
double scaleV = -1;
double positionH = -1;
double positionV = -1;
public bool IsZoombarChanging;
private void OnXamZoombarZoomChanged(object sender, ZoomChangedEventArgs e)
{
if (this.Chart == null) return;
if (IsZoombarChanging) return;
try
{
IsZoombarChanging = true;
Range zoombarRange = e.NewRange;
HorizontalZoombar.Range = zoombarRange;
this.Chart.WindowRect = new Rect
{
Y = 0,
Height = 1,
X = zoombarRange.Minimum,
Width = (zoombarRange.Maximum - zoombarRange.Minimum)
};

}
finally
{
IsZoombarChanging = false;
}
}

private void OnXamChart_PreviewMouseWheel(object sender, MouseWheelEventArgs e)
{
fromMouseWheel = true;
scaleH = this.Chart.WindowScaleHorizontal;
scaleV = this.Chart.WindowScaleVertical;
positionH = this.Chart.WindowPositionHorizontal;
positionV = this.Chart.WindowPositionVertical;
}

private void OnXamDataChartWindowRectChanged(object sender, RectChangedEventArgs e)
{
if (IsZoombarChanging) return;
if (fromMouseWheel) return;
try
{
IsZoombarChanging = true;
Range newZoombarRange = new Range
{
Minimum = e.NewRect.X,
Maximum = e.NewRect.X + e.NewRect.Width
};
if (this.HorizontalZoombar != null)
{
this.HorizontalZoombar.Range = newZoombarRange;
}
}
finally
{
IsZoombarChanging = false;
fromMouseWheel = false;
}
}

protected override void OnAttached()
{
base.OnAttached();
}

}

}

Hello Kamlendra,

I used your code in order to modify the sample i sent you before, and the OnXamZoombarZoomChanged event doesn't fire on start up, but once i clicked it and the event fires, nothing changes, so I am still not able to fully understand your requirement. Could you please try to modify the sample, so it reproduces your issue and add a screenshot of the desired result in the archive, so I could be able to investiagte this further?

Looking forward for your reply.

Hi Stefan,

i have uploaded images https://ko.infragistics.com/my-account/support-case/CAS-129688-V0X3B1 (the cases allow us to upload images w/o url).
i feel the only culprit in this problem is : initially this.Chart object is getting null so this.Chart.WindowRectChanged event never getting registered.

i am using 2 chart objects. 
1) <ig:XamDataChart x:Name="xmDataChart" DataContext=...  (for lower part, big chart in image)
2) (The Other one is child of zoombar in HorizontalPreviewContent) which is synchronized with the main (Name:"xmDataChart")
 <ig:XamZoombar Name="xamZoombar1" VerticalAlignment="Top" Background="Transparent" Margin="5,5,50,5"

Range="{Binding ElementName=xmDataChart, Path=HorizontalZoombar.Range, Mode=TwoWay}"
Opacity=".8">

<ig:XamZoombar.HorizontalPreviewContent>
<ig:XamDataChart DataContext="{Binding

Is this causing the this.Chart object in the behaviour class as null and not registring the event this.Chart.WindowRectChanged .
hope by seeing the images it will be clear.

Regards,

Kamlendra 

Thank you for your feedback Kamlendra!

I am glad that this approach helped you.

HI maria,

it worked. Thanks a lot!!
The issue was: using the behavior twice(in zoom char and zoombar as well).i was using it once only. so the Chart object was null in the behavior class. now its resolved.

Thanks again!!

Regards,

Kamlendra

hi maria,

thanks for your reply!! i am trying it.

Regards,

kamlendra

Kamlendra, 

The chart displayed in XamZoomBar is a preview of the chart that is bound to XamZoomBar. The preview chart (the one in the zoombar) displays all data while the other one shows only the zoomed area. This allow user to know which part of the chart is actually zoomed in. If you need, you can zoom in or out the preview chart, too. I have modified the sample application that was uploaded to this thread by adding interaction behavior to the xmPreviewDataChart chart so the displayed data is modified when the thumb size is changed.  

Hello Maria,

i will try to summarize and explain again: 

"From the pictures it seems that not all data points are displayed in the chart located in the zoombar. Is that the issue on your side? "::
 ----- the issue is other way. in my zoomBar i am able to see all data. but it should only specific zoomed data.
you can find out from the name of my images:
Current: Currentoutput-onloadWithoutclickonZoombar-showingallValuesfromStart.png
Expected:  ExpectedOutput-afterClickonZoomBar-showingOnlyZoomedValues.png

**the issue only persist until user click the zoombar. because "this.Chart.WindowRectChanged " is not getting registered. 
so, in my view the only issue is WindowRectChanged event registration.

(Explaining Again)i feel the only culprit in this problem is : initially this.Chart object is getting null so this.Chart.WindowRectChanged event never getting registered.

i am using 2 chart objects. 
1) <ig:XamDataChart x:Name="xmDataChart" DataContext=...  (for lower part, big chart in image)
2) (The Other one is child of zoombar in HorizontalPreviewContent) which is synchronized with the main (Name:"xmDataChart")
 <ig:XamZoombar Name="xamZoombar1" VerticalAlignment="Top" Background="Transparent" Margin="5,5,50,5"

Range="{Binding ElementName=xmDataChart, Path=HorizontalZoombar.Range, Mode=TwoWay}"
Opacity=".8">

<ig:XamZoombar.HorizontalPreviewContent>
<ig:XamDataChart DataContext="{Binding

Is this causing the this.Chart object in the behaviour class as null and not registring the event this.Chart.WindowRectChanged .

 Regards,
Kamlendra