syncfusion/Uno.SfChart

Strange red lines on the left and top borders of AreaSeries

microhobby opened this issue · 2 comments

I'm using it in a Uno.Skia.Gtk project and I'm having the below behavior:

image

I think I'm not adding these red borders. Am I missing something?

My xaml:

     <Grid
            Grid.Row="1"
            Grid.Column="0">
            
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>

            <Grid
                BorderThickness="0"
                BorderBrush="LightGray"
                Margin="5"
                Grid.Row="1">
                
                <chart:SfChart
                    AreaBorderThickness="0"
                    Margin="5,0,5,0">

                    <chart:SfChart.Header>
                        <TextBlock
                            FontSize="14"
                            Foreground="#ffffff"
                            Margin="0,5,0,5"
                            Text="CPU Usage %"/>
                    </chart:SfChart.Header>

                    <chart:SfChart.PrimaryAxis>
                        <chart:CategoryAxis
                            ShowGridLines="False"
                            LabelPlacement="BetweenTicks"/>
                    </chart:SfChart.PrimaryAxis>
                    
                    <chart:SfChart.SecondaryAxis>
                        <chart:NumericalAxis
                            TickLineSize="0"
                            Header="%"
                            EdgeLabelsDrawingMode="Shift" 
                            ShowGridLines="False"
                            Maximum="100">
                            
                            <chart:NumericalAxis.AxisLineStyle>
                                <Style
                                    TargetType="Line">
                                    
                                    <Setter
                                        Property="Stroke"
                                        Value="Transparent"/>
                                </Style>
                            </chart:NumericalAxis.AxisLineStyle>
                        </chart:NumericalAxis>
                    </chart:SfChart.SecondaryAxis>

                    <chart:AreaSeries
                        EnableAnimation="True"
                        AnimationDuration="00:00:03"
                        ItemsSource="{Binding CPUData}"
                        ShowTooltip="True"
                        StrokeThickness="3"
                        Stroke="#e56590"
                        Interior="#e56590"
                        Opacity="1"
                        XBindingPath="Point"
                        YBindingPath="Value"
                        ListenPropertyChange="True">
                    </chart:AreaSeries>

                    <chart:LineSeries
                        EnableAnimation="True"
                        AnimationDuration="00:00:03"
                        ItemsSource="{Binding CPUData}"
                        StrokeThickness="1"
                        Interior="#008cff"
                        XBindingPath="Point"
                        YBindingPath="Value"
                        ListenPropertyChange="True">
                    </chart:LineSeries>
                    
                    <chart:SfChart.Behaviors>
                        <chart:ChartZoomPanBehavior />
                    </chart:SfChart.Behaviors>
                </chart:SfChart>
            </Grid>
        </Grid>

The root cause appear to be these:

BorderStroke = new SolidColorBrush(Colors.Red);

The details and code given were analyzed. Not able to replicate the reported issue at our end.
Share more info, such as below,

  1. Uno version.
  2. Which platform issue is occurring.

We tested the sample with Uno.UI 3.0.0-dev.1004 nuget.