Saya menggunakan Perpustakaan OxyPlot, dan saya mencoba menampilkan Bagan Kolom Bertumpuk, tetapi tampilannya salah.
Berikut adalah mockup bagaimana seharusnya grafik tersebut:
Inilah cara saya membuat PlotModel:
private void InitWidget ()
{
_goalsPlotModel = new PlotModel ("Metas") {
LegendPlacement = LegendPlacement.Outside,
LegendPosition = LegendPosition.BottomCenter,
LegendOrientation = LegendOrientation.Horizontal,
LegendBorderThickness = 0
};
SelectedChannel = new ListOfValue ();
SelectedProduct = new Product ();
SelectedChannel.Code = string.Empty;
SelectedProduct.ProductCode = string.Empty;
LoadFilters ();
Refresh ();
}
Inilah cara saya menambahkan Seri:
private void FillGoalsPlotModel ()
{
_goalsPlotModel.Series.Clear ();
_goalsPlotModel.Axes.Clear ();
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
};
foreach (IGoal goal in _goals) {
if (goal.GetSales () > goal.GetGoalValue ()) {
sales.Items.Add (new ColumnItem { Value = goal.GetGoalValue () });
surplus.Items.Add (new ColumnItem { Value = goal.GetSurplus () });
} else {
sales.Items.Add (new ColumnItem { Value = goal.GetSales () });
goals.Items.Add (new ColumnItem {
Value = goal.GetGoalValue() - goal.GetSales ()
});
}
}
foreach (var month in GetMonths()) {
categoryAxisForMonths.Labels.Add (month);
}
_goalsPlotModel.Series.Add (sales);
_goalsPlotModel.Series.Add (goals);
_goalsPlotModel.Series.Add (surplus);
_goalsPlotModel.Axes.Add (categoryAxisForMonths);
_goalsPlotModel.Axes.Add (valueAxis);
RaisePropertyChanged (() => GoalsPlotModel);
}
Dan inilah cara renderingnya:
Jika saya menyetel IsStacked
ke false
, itu hanya menggambar BarChart Vertikal, tetapi setiap bagian bawah bilah berada di y = 0
seperti yang diharapkan, tetapi jika IsStacked
disetel ke true
setiap bagian bawah bilah berada pada nilai y
yang berbeda.
Apakah ini bug di Oxyplot untuk Mono untuk Android Renderer? Atau hanya saya yang melakukan sesuatu yang salah? (jika ya, apa yang saya lakukan salah?)