点列表应该产生具有不同笔划的折线

Question

我有一个积分清单。这些应该被绘制为一种折线，可以为每个线段提供不同的颜色。此外，形状应始终适合给定区域（如果它比区域小，则放大，如果更大，则缩小）。 我已经尝试使用具有多个叠加折线的网格，每种颜色一个。为了进行放大/缩小，我将每条折线的拉伸属性设置为均匀，将水平和垂直对齐设置为居中。但这只适用于每条折线大小相同的情况。

<Grid>
    <!-- Positive Example -->
    <Border BorderThickness="2" BorderBrush="Red" Margin="120,50,120,200" Padding="3">
        <Grid>
            <Polyline
                HorizontalAlignment="Center" 
                VerticalAlignment="Center"
                Stroke="Black"
                StrokeThickness="2"
                Stretch="Uniform"
                Points="0,0 10,0 10,-10 0,-10"/>
            <Polyline
                HorizontalAlignment="Center" 
                VerticalAlignment="Center"
                Stroke="YellowGreen"
                StrokeThickness="2"
                Stretch="Uniform"
                Points="0,0 10,0 10,-10"/>    
        </Grid>
    </Border>

    <!-- Negative Example -->
    <Border BorderThickness="2" BorderBrush="Red" Margin="120,200,120,50" Padding="3">
        <Grid>
            <Polyline
                HorizontalAlignment="Center" 
                VerticalAlignment="Center"
                Stroke="Black"
                StrokeThickness="2"
                Stretch="Uniform"
                Points="0,0 10,0 10,-10 -2,-10"/>
            <Polyline
                HorizontalAlignment="Center" 
                VerticalAlignment="Center"
                Stroke="YellowGreen"
                StrokeThickness="2"
                Stretch="Uniform"
                Points="0,0 10,0 10,-10"/>
        </Grid>
    </Border>
</Grid>

我错过了什么？有一个更好的方法吗？是否有替代折线，我可以为每个线段指定不同的颜色？