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.
Ashish1Jain,
Did you finally achieve to point 6? I evaluating Infra WPF product and I do not how to scale my vertical axis...
Thanks for your help.
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?
I managed to create Xamzoombar with height 30 by using
PlotAreaMinHeight
="20" for the xamChart in preview content
Hi
I want to set the axis labels inside xamchart when I use a XamZoombar contol.
I tried AxisLabel settings and set Location property of label inside bottom but it does not show up the labels
So can any 1 help there.
Actually I want XamZoombar with the height 30 is there any way to create such small XamZoombar which has XamDataChart in PreviewContent property
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>