mirror of
https://gitee.com/akwkevin/aistudio.-wpf.-diagram
synced 2026-03-07 10:10:49 +08:00
46 lines
2.5 KiB
XML
46 lines
2.5 KiB
XML
<UserControl x:Class="Wpf.CartesianChart.MultiAxesChart"
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
xmlns:local="clr-namespace:Wpf.CartesianChart"
|
|
xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"
|
|
mc:Ignorable="d"
|
|
d:DesignHeight="300" d:DesignWidth="300">
|
|
<Grid>
|
|
<Grid.Resources>
|
|
<Style x:Key="CleanSeparator" TargetType="lvc:Separator">
|
|
<Setter Property="IsEnabled" Value="False"></Setter>
|
|
</Style>
|
|
</Grid.Resources>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto"></RowDefinition>
|
|
<RowDefinition Height="Auto"></RowDefinition>
|
|
<RowDefinition Height="*"></RowDefinition>
|
|
</Grid.RowDefinitions>
|
|
<TextBlock Grid.Row="0" TextWrapping="Wrap">
|
|
You can create multiple axes, just set the Series.ScalesXAt or Series.ScalesYAt properties, you must also add the axis explicitly.
|
|
</TextBlock>
|
|
<lvc:CartesianChart Grid.Row="2">
|
|
<lvc:CartesianChart.AxisY>
|
|
<lvc:Axis Foreground="DodgerBlue" Title="Blue Axis"/>
|
|
<lvc:Axis Foreground="IndianRed" Title="Red Axis" Position="RightTop">
|
|
<lvc:Axis.Separator>
|
|
<lvc:Separator Style="{StaticResource CleanSeparator}"></lvc:Separator>
|
|
</lvc:Axis.Separator>
|
|
</lvc:Axis>
|
|
<lvc:Axis Foreground="DarkOliveGreen" Title="Green Axis" Position="RightTop">
|
|
<lvc:Axis.Separator>
|
|
<lvc:Separator Style="{StaticResource CleanSeparator}"></lvc:Separator>
|
|
</lvc:Axis.Separator>
|
|
</lvc:Axis>
|
|
</lvc:CartesianChart.AxisY>
|
|
<lvc:CartesianChart.Series>
|
|
<lvc:LineSeries Values="1,5,3,5,3" ScalesYAt="0"/> <!--Scales at blue axis, Axis[0]-->
|
|
<lvc:LineSeries Values="20,30,70,20,10" ScalesYAt="1"/> <!--Scales at red axis, Axis[1]-->
|
|
<lvc:LineSeries Values="600,300,200,600,800" ScalesYAt="2"/> <!--Scales at green axis, Axis[2]-->
|
|
</lvc:CartesianChart.Series>
|
|
</lvc:CartesianChart>
|
|
</Grid>
|
|
</UserControl>
|
