我在Xamarin Forms中使用AreaSeries
跟踪OxyPlot
图表。它有三个系列。
Smooth = true,MarkerStroke =默认,结果如预期
平滑=真,MarkerStroke =黄色,粗线出现
平滑=否,MarkerStroke =黄色,结果符合预期
因此,当我使用Smooth = true并为MarkerStroke定义颜色时,它会添加多余的粗线。如何解决/解决它?
注意:在Line Series中,它可以按预期工作。问题仅在区域系列上。
情节模型
public class MyOxyPlotModelData
{
public PlotModel AreaModel { get; set; }
public MyOxyPlotModelData()
{
AreaModel = CreateAreaChart();
}
public PlotModel CreateAreaChart()
{
PlotModel plotModel1 = new PlotModel { Title = "Area" };
var valueAxisX = new LinearAxis
{
Position = AxisPosition.Bottom,
AxislineColor = OxyColors.White,
TicklineColor = OxyColors.White,
TextColor = OxyColors.White,
FontSize = 12,
IsZoomEnabled = false,
IsPanEnabled = false
};
var valueAxisY = new LinearAxis
{
Position = AxisPosition.Left,
//Maximum = 15,
//Minimum = 0,
AxislineColor = OxyColors.White,
TicklineColor = OxyColors.White,
TextColor = OxyColors.White,
FontSize = 12,
IsZoomEnabled = false,
IsPanEnabled = false
};
plotModel1.Axes.Add(valueAxisX);
plotModel1.Axes.Add(valueAxisY);
plotModel1.DefaultColors = new List<OxyColor>
{
OxyColors.Purple,
OxyColors.DeepPink,
OxyColors.Teal
//OxyColor.FromRgb(0x20, 0x4A, 0x87)
};
AreaSeries areaSeries1 = new AreaSeries
{
MarkerType = MarkerType.Circle,
MarkerSize = 2,
//MarkerStroke = OxyColors.White,
StrokeThickness = 1,
Smooth = true
};
areaSeries1.Points.Add(new DataPoint(0, 50));
areaSeries1.Points.Add(new DataPoint(10, 140));
areaSeries1.Points.Add(new DataPoint(20, 80));
AreaSeries areaSeries2 = new AreaSeries
{
MarkerType = MarkerType.Circle,
MarkerSize = 2,
MarkerStroke = OxyColors.Yellow,
StrokeThickness = 1,
Smooth = true
};
areaSeries2.Points.Add(new DataPoint(0, 30));
areaSeries2.Points.Add(new DataPoint(15, 150));
areaSeries2.Points.Add(new DataPoint(20, 20));
AreaSeries areaSeries3 = new AreaSeries
{
MarkerType = MarkerType.Circle,
MarkerSize = 2,
MarkerStroke = OxyColors.Yellow,
StrokeThickness = 1,
Smooth = false
};
areaSeries3.Points.Add(new DataPoint(0, 40));
areaSeries3.Points.Add(new DataPoint(15, 110));
areaSeries3.Points.Add(new DataPoint(20, 55));
plotModel1.Series.Add(areaSeries1);
plotModel1.Series.Add(areaSeries2);
plotModel1.Series.Add(areaSeries3);
return plotModel1;
}
}
应用程式XAML.cs
public App()
{
InitializeComponent();
var vSampleData = new MyOxyPlotModelData();
MainPage = new OxyPlotNewSeries.MainPage { BindingContext = vSampleData };
}
MainPage.XAML
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:local="clr-namespace:OxyPlotNewSeries"
xmlns:oxy="clr-namespace:OxyPlot.Xamarin.Forms;assembly=OxyPlot.Xamarin.Forms"
x:Class="OxyPlotNewSeries.MainPage">
<AbsoluteLayout>
<oxy:PlotView Model="{Binding AreaModel}" BackgroundColor="#000000"
AbsoluteLayout.LayoutBounds="10,30,.9,.9"
AbsoluteLayout.LayoutFlags="WidthProportional,HeightProportional" />
</AbsoluteLayout>
</ContentPage>
最佳答案
您必须选择使用TwoColorAreaSeries
代替,因为您描述的问题不会针对该系列类型发生。
TwoColorAreaSeries areaSeries2 = new TwoColorAreaSeries
{
MarkerType = MarkerType.Circle,
MarkerSize = 5,
MarkerStroke = OxyColors.Yellow,
MarkerStrokeThickness = 5,
StrokeThickness = 1,
Smooth = true
};
areaSeries2.Points.Add(new DataPoint(0, 30));
areaSeries2.Points.Add(new DataPoint(15, 140));
areaSeries2.Points.Add(new DataPoint(20, 20));
编辑:这是一个错误吗?可能是...尽管通过他们自己的示例来判断,但似乎是用这种方式来绘制如下内容:
和这个: