OxyPlot Mono สำหรับ Android (aka Xamarin.Android) การวาดผิดที่ (ชุดคอลัมน์แบบเรียงซ้อน)

สิ่งต่อไปนี้ใช้ได้กับฉัน ฉันจะแนบภาพหน้าจอบางส่วนไว้หลังโค้ด แต่ฉันคิดว่าปัญหาของคุณคือวิธีที่คุณเพิ่มคะแนนลงในสแต็ก

คุณกำลังเพิ่ม 2 จุด (หรือคอลัมน์จริงๆ) ในแต่ละกรณี แต่คุณต้องกำหนดค่าให้กับ 3 (อันที่สามเป็นศูนย์) มิฉะนั้น ผลลัพธ์จะซ้อนกันจนกว่าคุณจะได้ 3 และจะไม่มีอะไรดูถูกต้อง

Xaml ของฉันตรงไปตรงมา:

<oxy:Plot Model="{Binding MyPlotModel}" />

จากนั้นฉันก็เรียกเมธอดนี้จาก Constructor ของฉันเพื่อสร้างและตั้งค่าโมเดล:

private void SetPlot()
{
    var model = new PlotModel("Metas")
    {
        LegendPlacement = LegendPlacement.Outside,
        LegendPosition = LegendPosition.BottomCenter,
        LegendOrientation = LegendOrientation.Horizontal,
        LegendBorderThickness = 0
    };

    var goals = new ColumnSeries {
        Title = "Goals",
        FillColor = OxyColors.Orange,
        IsStacked = true,
        StrokeColor = OxyColors.Black,
        StrokeThickness = 1
    };

    var sales = new ColumnSeries {
        Title = "Sales",
        FillColor = OxyColors.LightGreen,
        IsStacked = true,
        StrokeColor = OxyColors.White,
        StrokeThickness = 1
    };

    var surplus = new ColumnSeries {
        Title = "Surplus",
        FillColor = OxyColors.Cyan,
        IsStacked = true,
        StrokeColor = OxyColors.Black,
        StrokeThickness = 1
    };

    var categoryAxisForMonths = new CategoryAxis { 
        Position = AxisPosition.Bottom 
    };

    var valueAxis = new LinearAxis (AxisPosition.Left) { 
        MinimumPadding = 0, 
        MaximumPadding = 0.06, 
        AbsoluteMinimum = 0 
    };

    // Creating random data for 12 months
    for (int i = 0; i < 12; i++)
    {
        //var goal = 10;   // if you want a set goal, use this
        var goal = RandomHelper.RandomInt(8, 11); // otherwise use this
        var actualsales = RandomHelper.RandomInt(5, 15);

        if (actualsales > goal)
        {
            sales.Items.Add  (new ColumnItem( goal               ));
            surplus.Items.Add(new ColumnItem( actualsales-goal   ));
            goals.Items.Add  (new ColumnItem( 0                  ));
        }
        else
        {
            sales.Items.Add  (new ColumnItem( actualsales        ));
            goals.Items.Add  (new ColumnItem( goal - actualsales ));
            surplus.Items.Add(new ColumnItem( 0                  ));
        }

        // Next will create jan - dec in the labels
        categoryAxisForMonths.Labels.Add(CultureInfo.CurrentUICulture.DateTimeFormat.MonthNames[i]);

    }

    model.Series.Add (sales);
    model.Series.Add (goals);
    model.Series.Add (surplus);

    model.Axes.Add (categoryAxisForMonths);
    model.Axes.Add (valueAxis);

    MyPlotModel = model;
}
public PlotModel MyPlotModel { get; set; }

RandomHelper เป็นคลาสง่ายๆ ที่ช่วยในการสุ่ม:

public static class RandomHelper
{
    private static readonly Random RandomSeed = new Random();

    public static int RandomInt(int min, int max)
    {
        return RandomSeed.Next(min, max);
    }
}

และนี่คือผลลัพธ์:

เส้นตลกๆ เป็นผลมาจากเส้นขอบของคอลัมน์ว่าง แต่คุณจะสามารถเข้าใจได้ :)