Oxyplot条形图宽度



我正在使用Oxyplot制作条形图。有没有办法改变酒吧的宽度?

我找到了这个解决方案:

protected override double GetActualBarWidth()
{
var categoryAxis = this.GetCategoryAxis();
return this.ColumnWidth / (1 + categoryAxis.GapWidth) / categoryAxis.MaxWidth;
}

从这里:

如何设置Oxyplot列图中条形图的宽度?

但我不知道如何应用它。

这是我的代码:

<ContentPage.BindingContext>
<local:MainPageViewModel></local:MainPageViewModel>
</ContentPage.BindingContext>
<oxy:PlotView Model="{Binding Model}" HeightRequest="200" />

这是我的视图模型:

public class MainPageViewModel
{
public PlotModel Model { get; set; }
public MainPageViewModel()
{
CategoryAxis xaxis = new CategoryAxis();
xaxis.Position = AxisPosition.Bottom;
xaxis.MajorGridlineStyle = LineStyle.None;
xaxis.MinorGridlineStyle = LineStyle.None;
xaxis.MinorTickSize = 0;
xaxis.MajorTickSize = 0;
xaxis.TextColor = OxyColors.Gray;
xaxis.FontSize = 10.0;
xaxis.Labels.Add("S");
xaxis.Labels.Add("M");
xaxis.Labels.Add("T");
xaxis.Labels.Add("W");
xaxis.Labels.Add("T");
xaxis.Labels.Add("F");
xaxis.Labels.Add("S");
LinearAxis yaxis = new LinearAxis();
yaxis.Position = AxisPosition.Left;
yaxis.MajorGridlineStyle = LineStyle.None;
xaxis.MinorGridlineStyle = LineStyle.None;
yaxis.MinorTickSize = 0;
yaxis.MajorTickSize = 0;
yaxis.TextColor = OxyColors.Gray;
yaxis.FontSize = 10.0;
yaxis.FontWeight = FontWeights.Bold;
ColumnSeries s2 = new ColumnSeries();
s2.LabelPlacement = LabelPlacement.Inside;
s2.LabelFormatString = "{0}";
s2.TextColor = OxyColors.White;
s2.ColumnWidth = 5.0;
s2.Items.Add(new ColumnItem
{
Value = Convert.ToDouble(50),
Color = OxyColor.Parse("#02cc9d")
});
s2.Items.Add(new ColumnItem
{
Value = Convert.ToDouble(40),
Color = OxyColor.Parse("#02cc9d")
});
s2.Items.Add(new ColumnItem
{
Value = Convert.ToDouble(30),
Color = OxyColor.Parse("#02cc9d")
});
s2.Items.Add(new ColumnItem
{
Value = Convert.ToDouble(20),
Color = OxyColor.Parse("#02cc9d")
});
s2.Items.Add(new ColumnItem
{
Value = Convert.ToDouble(30),
Color = OxyColor.Parse("#02cc9d")

});
s2.Items.Add(new ColumnItem
{
Value = Convert.ToDouble(40),
Color = OxyColor.Parse("#02cc9d")
});
s2.Items.Add(new ColumnItem
{
Value = Convert.ToDouble(50),
Color = OxyColor.Parse("#02cc9d")
});

Model = new PlotModel();
Model.Axes.Add(xaxis);
Model.Axes.Add(yaxis);
Model.Series.Add(s2);
Model.PlotAreaBorderColor = OxyColors.Transparent;
}
}

您可以通过更改GapWidth来实现。值越大,宽度越小。

xaxis.GapWidth = 10;

要扩展给定的答案,

ColumnWidth(可能令人困惑(用于确定共享一个轴的条的相对大小。

正如其他人所指出的,轴上所有条(在您的情况下,只有一条(消耗的宽度由CategoryAxis.GapWidth属性决定,与序列的相对宽度无关。该属性是空空间(间隙(与非空空间的比率(因此1的默认值为1:1空/非空比率;小于1的值将为条形图提供更多空间(。

你链接的答案只是向你展示了宽度是如何在内部计算的:令人困惑的是,MaxWidth取决于序列的报告宽度,所以当你有一个序列时,这个比率是非常无用的。

最新更新