NegHorzLine.ux

<ChartPage Title="Negative values with in-plot ticks" File="NegHorzLine" ux:Class="NegHorzLine" xmlns:c="Fuse.Charting" Model="NegHorzLine">
	<AttractorConfig Unit="Normalized" Easing="CubicInOut" Duration="0.3" ux:Global="plotAttract"/>
	<c:Plot XAxisMetric="Count" RangePadding="0.1">
		<c:DataSeries Data="{pointsA}"/>
		<c:DataSeries Data="{pointsB}"/>
				
		<ChartButton Alignment="TopRight" Margin="5" Clicked="{random}" Label="✧"/>
		
		<Panel ux:Name="thePlot">
			<c:PlotData SeriesIndex="0" SkipEnds="1">
				<c:PlotPoint Width="5%" Height="5%" Attractor="plotAttract">
					<RegularPolygon Sides="3" Color="#338"/>
				</c:PlotPoint>
			</c:PlotData>
			
			<Curve StrokeWidth="2" StrokeColor="#77A">
				<c:PlotData SeriesIndex="0">
					<c:PlotCurvePoint Attractor="plotAttract"/>
				</c:PlotData>
			</Curve>
		</Panel>

		<Panel>
			<c:PlotData SeriesIndex="1" SkipEnds="1">
				<c:PlotPoint Width="5%" Height="5%" Attractor="plotAttract">
					<RegularPolygon Sides="5" Color="#383"/>
				</c:PlotPoint>
			</c:PlotData>
			
			<Curve StrokeWidth="2" StrokeColor="#7A7">
				<c:PlotData SeriesIndex="1">
					<c:PlotCurvePoint Attractor="plotAttract"/>
				</c:PlotData>
			</Curve>
		</Panel>
		
		<c:PlotTicks Axis="Y" StrokeWidth="1" StrokeColor="#8888"/>
		
		<c:PlotAxis Axis="Y" ContentPosition="Anchor" SkipEnds="1,0">
			<Text ux:Template="Label" Alignment="TopCenter" 
				FontSize="height(thePlot) * 0.05" Color="#AAA" 
				Value="{Plot axis.value}" Margin="5"/>
		</c:PlotAxis>
	</c:Plot>
	
</ChartPage>