如何在LiveChart中配置3个Y轴，实现1个左侧、2个右侧的布局？

我帮你定位到问题的核心了，你遇到的Position属性无效，本质是三个关键环节没配置到位：

问题根源 #

1. ViewModel里的Y轴没设置Position：你创建的三个Y轴默认都是左侧位置，即使XAML里设置了，也被后台替换的轴覆盖了
2. Series没绑定对应Y轴：所有折线系列都默认绑定第一个Y轴，导致另外两个轴没有数据关联，不会显示
3. XAML与后台代码的AxisY重复赋值：后台InitializeTestChart里直接替换了Chart的AxisY集合，把XAML里的配置完全覆盖了

分步解决方案 #

1. 修正ViewModel中的Y轴配置 #

在MainViewModel的构造函数里，给需要放在右侧的两个轴明确设置Position = AxisPosition.RightTop：

public MainViewModel()
{
    _yAxisCollection = new AxesCollection
    {
        // 左侧Y轴
        new Axis { Title = "Y-Axis 1", Foreground = Brushes.Red },
        // 右侧第一个Y轴
        new Axis { Title = "Y-Axis 2", Foreground = Brushes.Green, Position = AxisPosition.RightTop },
        // 右侧第二个Y轴
        new Axis { Title = "Y-Axis 3", Foreground = Brushes.Blue, Position = AxisPosition.RightTop }
    };
    GenerateTestSeries();
}

2. 给每个Series绑定对应Y轴 #

每个LineSeries必须通过ScalesYAt属性指定绑定到哪个Y轴（索引从0开始），比如把不同的系列分配到三个轴上：

// 在GenerateTestSeries方法中，给每个LineSeries添加ScalesYAt设置
var ls1 = new LineSeries
{
    Name = "Test_Series_1",
    Configuration = new CartesianMapper<DataPoint>()
        .X(dp => dp.X)
        .Y(dp => dp.Y),
    Title = "Test Series 1",
    Values = dataPoints,
    PointGeometry = null,
    ScalesYAt = 0 // 绑定到左侧的Y轴（索引0）
};

var ls2 = new LineSeries
{
    // ... 其他属性保持不变
    ScalesYAt = 1 // 绑定到右侧第一个Y轴（索引1）
};

var ls3 = new LineSeries
{
    // ... 其他属性保持不变
    ScalesYAt = 2 // 绑定到右侧第二个Y轴（索引2）
};

// 剩下的ls4、ls5、ls6可以根据需求分配，比如都绑定到左侧轴
ls4.ScalesYAt = 0;
ls5.ScalesYAt = 0;
ls6.ScalesYAt = 0;

3. 避免AxisY重复赋值 #

修改MainWindow.xaml.cs中的InitializeTestChart方法，去掉对AxisY的赋值（因为ViewModel已经配置好轴的位置了）：

private void InitializeTestChart()
{
    TestChart.Series = (DataContext as MainViewModel).SeriesCollection;
    // 移除这一行，防止覆盖ViewModel里配置好的Y轴
    // TestChart.AxisY = (DataContext as MainViewModel).YAxisCollection;
}

额外优化（可选） #

如果右侧的两个轴标签重叠，可以给轴添加Separator样式调整间距，或者设置Axis的Margin属性，比如：

new Axis { 
    Title = "Y-Axis 2", 
    Foreground = Brushes.Green, 
    Position = AxisPosition.RightTop,
    Separator = new Separator { StrokeThickness = 0 } // 隐藏分隔线，避免右侧线条过多
},

这样修改后，你就能看到1个Y轴在左侧，另外2个并排显示在右侧的效果了。

内容的提问来源于stack exchange，提问作者On The Net Again