Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
15
Line series and markers being cut off by axis in XamDataChart
posted

Hello,
my project uses XamCategoryCharts aswell as some XamDataCharts in which both I am displaying line series. I got the problem that in the XamDataChart the markers and Lines are being cut off by the boundaries of the graph area. I don't have this problem with XamCategoryCharts. I included a screenshot of both graps:

XamDataChart (above)

XamCategoryChart (above)

This is the xaml code for both of them:

<ig:XamDataChart Visibility="Visible" x:Name="ProductionHistoryChart" DataContext="{Binding ProductionHistory}" Margin="20,120,50,20">
	<ig:XamDataChart.Axes>
		<ig:TimeXAxis x:Name="xAxis" Title="Vergangene Minuten" ItemsSource="{Binding DataContext, ElementName=ProductionHistoryChart}" DateTimeMemberPath="TimeInterval">
			<ig:TimeXAxis.Intervals>
				<ig:TimeAxisInterval Interval="1" IntervalType="Minutes" />
			</ig:TimeXAxis.Intervals>
			<ig:TimeXAxis.LabelFormats>
				<ig:TimeAxisLabelFormat Format="HH:mm"/>
			</ig:TimeXAxis.LabelFormats>
			<ig:TimeXAxis.TitleSettings>
				<ig:TitleSettings FontSize="40"/>
			</ig:TimeXAxis.TitleSettings>
			<ig:TimeXAxis.LabelSettings>
				<ig:AxisLabelSettings Extent="100" FontSize="25"/>
			</ig:TimeXAxis.LabelSettings>
		</ig:TimeXAxis>
		<ig:NumericYAxis Title="Stück pro Minute" x:Name="yAxis">
			<ig:NumericYAxis.TitleSettings>
				<ig:TitleSettings Angle="270" FontSize="40"/>
			</ig:NumericYAxis.TitleSettings>
			<ig:NumericYAxis.LabelSettings>
				<ig:AxisLabelSettings Extent="100" VerticalAlignment="Bottom" FontSize="25"/>
			</ig:NumericYAxis.LabelSettings>
		</ig:NumericYAxis>
	</ig:XamDataChart.Axes>
	<ig:XamDataChart.Series>
		<ig:LineSeries MarkerOutline="White" Thickness="15" ItemsSource="{Binding DataContext, ElementName=ProductionHistoryChart}" ValueMemberPath="Value" XAxis="{Binding ElementName=xAxis}" YAxis="{Binding ElementName=yAxis}">
			<ig:LineSeries.ToolTip>
				<StackPanel Orientation="Vertical">
					<TextBlock Text="{Binding Item.TimeInterval,StringFormat=HH:mm}" FontSize="30" FontWeight="Bold" />
					<StackPanel Orientation="Horizontal">
						<TextBlock FontSize="30" Text="Stück: " />
						<TextBlock FontSize="30" Text="{Binding Item.Value}"/>
					</StackPanel>
				</StackPanel>
			</ig:LineSeries.ToolTip>
		</ig:LineSeries>
	</ig:XamDataChart.Series>
	<ig:XamDataChart.Brushes>
		<ig:BrushCollection>
			<SolidColorBrush Color="#004c63"/>
			<SolidColorBrush Color="#00988c"/>
		</ig:BrushCollection>
	</ig:XamDataChart.Brushes> 
</ig:XamDataChart>
<ig:XamCategoryChart Visibility="Visible" IsTransitionInEnabled="False" IsVerticalZoomEnabled="False" IsHorizontalZoomEnabled="False"
	 MarkerOutlines="0" MarkerBrushes="White" Thickness="15" Margin="10,120,10,10" YAxisLabelFontSize="25"
	 XAxisLabelFontSize="25" YAxisTitleFontSize="40" XAxisTitleFontSize="40" XAxisTitle="Zeitverlauf"
	 YAxisTitle="Stück pro Minute" ChartType="Line" x:Name="productionHistory" ItemsSource="{Binding ProductionHistory}">
	<ig:XamCategoryChart.Brushes>
		<ig:BrushCollection>
			<SolidColorBrush Color="#004c63"/>
			<SolidColorBrush Color="#00988c"/>
		</ig:BrushCollection>
	</ig:XamCategoryChart.Brushes>
</ig:XamCategoryChart>