I am evaluating the xam chart to create a mini trend chart like google finance. I really need just the bottom section of the google finance chart which displays a minitrend and allows to a zoom slider window that allows user to select a date range. see the highlighted region below.
Any sample will be great help.
Hello,
I have been looking into the functionality that you are looking for and I can suggest using our XamDataChat with XamZoombar in order to achieve this appearance. I have created a sample application for you that demonstrates how those two controls can be used together in order to have the appearance similar to screenshot that you have attached. You can read more information regarding XamZoombar here: http://help.infragistics.com/NetAdvantage/WPFDV/2011.1/CLR4.0/?page=Developers_Guide_xamZoombar.html and for XamDataChart here: http://help.infragistics.com/NetAdvantage/WPFDV/2011.1/CLR4.0/?page=Developers_Guide_xamDataChart.html
If you need any further assistance please do not hesitate to ask.
Sincerely,
Krasimir
Developer Support Engineer
Infragistics
www.infragistics.com/support
Hi Krasimir,
I wanted to Style XamZoombar control as given below.
1. I want to have thumb slider buttons bit less in height compare to preview content
2.Also I need Date time format custom and I want to put dates along with the curve in preview content window. I am using XamChart there.
3. Also I want to invert the style of XamZoombar control such that i want the entire Preview content as opeaque and Thumb transperent u can see the attached image
for reference I have attached exisisting styles for control
Can you please guide is it possible to style the control as per our requirement?
Having trouble with sizing the XamDataChart within the XamZoombar. The minimum height we can set on the outer XamZoombar is 90, cant set anything below this as the xamdatachart stars clipping. We want to set the Height to a smaller value preferably half of what it currently is.
Attaching the xaml below
<ig:XamZoombar
x:Name="xmZoombar"
Height="90"
ZoomChanged="Zoombar_ZoomChanged"
>
<ig:XamZoombar.HorizontalPreviewContent>
<!-- ============================= Trend Data Chart ============================================= -->
<Charts:XamDataChart x:Name="xmMiniTrendDataChart">
<!-- ============================= Chart Axes ============================================= -->
<Charts:XamDataChart.Axes>
<!-- ============================= X Axis ============================================= -->
<Charts:CategoryDateTimeXAxis
x:Name="xmDateTimeXAxis"
ItemsSource="{Binding VirtualData}"
Label="{}{Date:}"
DateTimeMemberPath="Date"
MajorStroke="Black" >
<Charts:CategoryDateTimeXAxis.LabelSettings>
<Charts:AxisLabelSettings
x:Name="xmDateTimeXAxisLabel"
HorizontalAlignment="Left"
Location="OutsideBottom" />
</Charts:CategoryDateTimeXAxis.LabelSettings>
</Charts:CategoryDateTimeXAxis>
<!-- ============================= Y Axis ============================================= -->
<Charts:NumericYAxis
x:Name="xmTrendValueYAxis"
MajorStroke="Transparent" >
<Charts:NumericYAxis.LabelSettings>
<Charts:AxisLabelSettings Visibility="Collapsed"/>
</Charts:NumericYAxis.LabelSettings>
</Charts:NumericYAxis>
</Charts:XamDataChart.Axes>
<Charts:XamDataChart.Series>
<Charts:SplineSeries
ValueMemberPath="Value"
MarkerType="None"
XAxis="{x:Reference Name=xmDateTimeXAxis}"
YAxis="{x:Reference Name=xmTrendValueYAxis}">
</Charts:SplineSeries>
</Charts:XamDataChart.Series>
</Charts:XamDataChart>
</ig:XamZoombar.HorizontalPreviewContent>
</ig:XamZoombar>
I have tried the sample application you have provided.
I have couple of quires regarding same.
1. I just want to use XamZoomBar in isolation that means the top (zoomed ) plot is not drawn using Xamchart or XamDatachart.
Just for showing minitrend I will be using XamChart there.
So can I use the XamZoombar in isolation?
2. Also in minitrend I am looking for the some markers on the curve.
3. Each marker should be selectable.
4. Marker selection must be enable even when marker is inside Time window.
5. Also there should be facility to show gaps in the minitrend line when there is no relevant data
applicable for certain time frame.
6. Do XamChart has auto scale functionality (choosing the scale of axis by considering data range.
e.g. If you have data value from 200- 300 then Y scale must be 200 to 300 and not from 0 to 300
because this will give better picture of relative trend.)
7. What are different decimation algorithms are supported with XamCharts.
Snapshot of Control which I am looking for