WPF编程，Live Charts使用说明（8）——自定义轴

可以自定义LiveCharts中的所有内容，轴也不例外，下图显示了一个轴。

标题

myAxis.Title = "Population"

合并轴

当需要节省空间时，合并图表中的任何轴到图表中，请尝试使用 Axis.IsMerged属性为true，
下图显示合并轴（左）与普通轴（右）

轴绑定

无论是有1个轴还是10个轴，都可以始终使用Axis.Position属性指定绑定哪个轴
轴的位置，选项为RightTop，LeftBottom

强制分隔步距

每个轴分隔符都是根据图表大小和值范围自动计算的，但是有时您需要一个静态的分隔符步骤，例如每30秒或每10个单位，另一个有用的应用是需要显示所有标签时，在这种情况下，将步骤设置为1将强制图表绘制所有标签，最后要删除任何步骤，您可以将其设置回null，它将自动进行计算。

1个单位

<lvc:CartesianChart Series="{Binding SeriesCollection}" >
  <lvc:CartesianChart.AxisX>
    <lvc:Axis Labels="{Binding Labels}">
      <lvc:Axis.Separator>
        <lvc:Separator IsEnabled="False" Step="1"></lvc:Separator>
      </lvc:Axis.Separator>
    </lvc:Axis>
  </lvc:CartesianChart.AxisX>
  <lvc:CartesianChart.AxisY>
    <lvc:Axis Title="Sold Items" LabelFormatter="{Binding Formatter}"></lvc:Axis>
  </lvc:CartesianChart.AxisY>
</lvc:CartesianChart>

强制步骤为 30秒

//Code Behind
Step = TimeSpan.FromSeconds(30).Ticks;
 
//XAML
<lvc:CartesianChart Series="{Binding SeriesCollection}">
    <lvc:CartesianChart.AxisX>
        <lvc:Axis Labels="{Binding Labels}">
            <lvc:Axis.Separator>
               <lvc:Separator IsEnabled="False" Step="{Binding Step}"></lvc:Separator>
            </lvc:Axis.Separator>
        </lvc:Axis>
    </lvc:CartesianChart.AxisX>
    <lvc:CartesianChart.AxisY>
       <lvc:Axis Title="Sold Items" LabelFormatter="{Binding Formatter}"></lvc:Axis>
    </lvc:CartesianChart.AxisY>
</lvc:CartesianChart>

样式分隔符

将Axis.Separator.IsEnabled属性设置为false将使分隔符不可见。

<lvc:CartesianChart Background="#222E31">
  <lvc:CartesianChart.Series>
    <lvc:LineSeries Values="{Binding Values1}" />
    <lvc:LineSeries Values="{Binding Values2}" />
  </lvc:CartesianChart.Series>
  <lvc:CartesianChart.AxisX>
    <lvc:Axis IsMerged="True">
      <lvc:Axis.Separator>
        <lvc:Separator StrokeThickness="1" StrokeDashArray="2">
          <lvc:Separator.Stroke>
            <SolidColorBrush Color="#404F56" />
          </lvc:Separator.Stroke>
        </lvc:Separator>
      </lvc:Axis.Separator>
    </lvc:Axis>
  </lvc:CartesianChart.AxisX>
  <lvc:CartesianChart.AxisY>
    <lvc:Axis IsMerged="True">
      <lvc:Axis.Separator>
        <lvc:Separator StrokeThickness="1.5" StrokeDashArray="4">
          <lvc:Separator.Stroke>
            <SolidColorBrush Color="#404F56" />
          </lvc:Separator.Stroke>
        </lvc:Separator>
      </lvc:Axis.Separator>
    </lvc:Axis>
  </lvc:CartesianChart.AxisY>
</lvc:CartesianChart>

Title标题

可以使用Title属性给axis添加一个标签

myAxis.Title = “Population”

合并轴

当你想需要一些空间的时候，可以在chart中合并一些axis，可以将Axis.IsMerged属性设置为true。下面的图片展示了合并Axis和没有合并的Axis的区别。

轴定位

不管你有1个还是10个轴，你总是可以制定轴的堆叠位置；使用 Axis.Position属性, 可以通过 RightTop, LeftBottom等可选选项进行调整。

new Axis { Position = Position = AxisPosition.LeftBottom }

强制分隔

每个轴分隔都是根据chart的尺寸，值的范围，自动计算的,但是有些时候你需要静态的风格符，比如每30s，每10个单位，另外一个比较有用的应用就是显示所有的标签，这种情况下，设定分隔步长为1，将会强迫chart绘制所有的labels。如果要移除所有步长，可以设置回null，这样它又可以自动计算了。
当然要注意，强制步长可能会产生严重的性能问题，如果没有正确使用，比如你的range是0到1000，如果你设置步长为1，那么它将绘制1000个分隔出来。
//设置步长为1

new Axis
{
    Separator = new Separator
    {
        Step = 1,
        IsEnabled = false
    }
}

//下面这个例子使用30s作为步长，可以去时间相关的章节查看更多。

new Axis
{
    Separator = new Separator
    {
        Step = TimeSpan.FromSeconds(30).Ticks,
        IsEnabled = false
    }
}

分隔的样式

notice setting Axis.Separator.IsEnabled property to false will make the separator invisible.
注意，如果设置Axis.Separator.IsEnabled 为false的话，分隔就会不可见。

cartesianChart1.AxisX.Add(new Axis
{
   IsMerged = true,
   Separator = new Separator
   {
      StrokeThickness = 1,
      StrokeDashArray = new System.Windows.Media.DoubleCollection(new double[] { 2 }),
      Stroke = new System.Windows.Media.SolidColorBrush(System.Windows.Media.Color.FromRgb(64, 79, 86))
   }
});

cartesianChart1.AxisY.Add(new Axis
{
   IsMerged = true,
   Separator = new Separator
   {
      StrokeThickness = 1.5,
      StrokeDashArray = new System.Windows.Media.DoubleCollection(new double[] { 4 }),
      Stroke = new System.Windows.Media.SolidColorBrush(System.Windows.Media.Color.FromRgb(64, 79, 86))
   }
});