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


Smooth = true,MarkerStroke =默认,结果如预期
平滑=真,MarkerStroke =黄色,粗线出现
平滑=否,MarkerStroke =黄色,结果符合预期


因此,当我使用Smooth = true并为MarkerStroke定义颜色时,它会添加多余的粗线。如何解决/解决它?

注意:在Line Series中,它可以按预期工作。问题仅在区域系列上。

c# - 当“平滑”为真时,添加MarkerStroke颜色会添加粗线-LMLPHP

情节模型

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代替,因为您描述的问题不会针对该系列类型发生。

c# - 当“平滑”为真时,添加MarkerStroke颜色会添加粗线-LMLPHP

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));


编辑:这是一个错误吗?可能是...尽管通过他们自己的示例来判断,但似乎是用这种方式来绘制如下内容:

c# - 当“平滑”为真时,添加MarkerStroke颜色会添加粗线-LMLPHP

和这个:

c# - 当“平滑”为真时,添加MarkerStroke颜色会添加粗线-LMLPHP

10-07 16:48