i am not able to upload an image on infragisitcs website from my system . so, i am posted my question here.
http://stackoverflow.com/questions/20992041/infragistic-zoombar-size-change-default-value
Regards,
Kamlendra
Hello Kamlendra,
Thank for your post. I have been looking into it and I can sat that you can add images by pressing the Options tab while you are composing your post and there you can upload an image. As for the question about the xamzoombar, as Damyan suggested in the Stackoverflow thread, you can see this Data Chart Integration (identical Silverlight live version) samples.
As described in the documentation the Zoombar's thumb location and size are determined by the range, so looking at your image I think you want range like { 0.9 - 1 }: <ig:XamZoombar>
<ig:XamZoombar.Range>
<ig:Range Minimum="0.9" Maximum="1"/>
</ig:XamZoombar.Range>
</ig:XamZoombar>
Adjust the minimum value to match what you want to achieve and check out the documentation/sample for snippets to set it in code. Please let me know if this helps you or you have further questions on this matter.
Looking forward for your reply.
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.
kamlendra sharma said: 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. about the link: http://es.infragistics.com/products/wpf/sample/zoombar/data-chart-integration here things are written in code behind. Is there a way these things exposed to XAML or (OnSampleLoaded,OnXamZoombarZoomChanged) wrappend in a behaviour. so i can use them with MVVM.
I have created a sample project for you where I used behavior in order to achieve the same funtionality as in the sample you reffered. Please let me know if this helps you or you have further questions o this matter.
Looking forward to hear from you.
hi Stefan,
i am able to achieve the required functionality with help of your suggestion.Thank you!! only 1 issue :initially the chart shows all the data( Expected : it should show only data's which are in range of zoom bar). once user click on zoom bar the chart is started showing the proper zoomed data. My observation: OnXamZoombarZoomChanged not getting hit initially. once user click the zoombar this methods executes everything works fine.
hope i explained it properly.now i am also stopping zooming on moiuse wheel with solution provided here.:http://es.infragistics.com/community/forums/p/66762/337565.aspx#337565
just wanted to check. have you got a chance to look into the small issue left.
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!!
hi maria,
thanks for your reply!! i am trying it.
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.pngExpected: 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