渲染两个 LineSeries 而不缩放

Question

我有 2 个系列系列，一个在其数据中跟随另一个系列，它们都代表月日，例如：

第一个系列：
1 2 3 4 5 6 7

第二系列：
1 2 3 4 5 6 7 8 ... 29 30 31

第一个系列始终包含（或等于）第二个系列。

我想在折线图上表示这两个系列，第一个系列不会在整个图表宽度上按比例放大（7 / 31 ~= 0.25，因此它必须占据 X 轴的第一个水平四分之一）。

所以，我认为我需要某种图表轴来渲染 31 天，然后 2 个系列将遵循该轴并根据它进行渲染。 （无需缩放第一个系列以填充 X 轴的所有水平空间）。

Answer 1

看起来似乎很简单。

这是屏幕截图，7 个蓝点代表第 1 个系列，31 个红点代表第 2 个系列。检查是否是您需要的

如果图表显示正确，则这是其源代码：

XAML

    <chart:Chart>
        <chart:LineSeries ItemsSource="{Binding FirstWeekItems}" 
                          IndependentValueBinding="{Binding Day}" 
                          DependentValueBinding="{Binding Value}" />
        <chart:LineSeries ItemsSource="{Binding MonthItems}" 
                          IndependentValueBinding="{Binding Day}" 
                          DependentValueBinding="{Binding Value}" />
    </chart:Chart>

Code-behind

public partial class MainPage : UserControl
{
    public MainPage()
    {
        this.InitializeComponent();

        Random rd = new Random();
        var vm = new ChartModel
        {
            FirstWeekItems = Enumerable.Range(1,7).Select(i => new ItemViewModel{Day = i, Value = rd.Next(23,25)}).ToList(),
            MonthItems = Enumerable.Range(1, 31).Select(i => new ItemViewModel { Day = i, Value = 20+i }).ToList()
        };
        this.DataContext = vm;
    }
}

public class ChartModel
{
    public List<ItemViewModel> FirstWeekItems { get; set; }

    public List<ItemViewModel> MonthItems { get; set; }
}

public class ItemViewModel
{
    public int Day { get; set; }
    public double Value { get; set; }
}