添加 MarkerStroke 颜色会在 Smooth 为真时添加粗线

Question

我在 Xamarin Forms 中使用 OxyPlot 有以下 AreaSeries 图表。它有三个系列。

Smooth = true，MarkerStroke = default，结果符合预期
Smooth = true, MarkerStroke = Yellow, 粗线出现在线上
Smooth = false，MarkerStroke = Yellow，结果符合预期

因此，当我使用 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>

Answer 1

您可以选择使用 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));

编辑： 这是一个错误吗？可能是...虽然从他们自己的例子来看，它似乎是用来画这样的东西的：

还有这个：

添加 MarkerStroke 颜色会在 Smooth 为真时添加粗线

Adding MarkerStroke color adds thick lines when Smooth is true

c#

xaml

xamarin

xamarin.forms

oxyplot