We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Problem of the curve drawing by SplineAreaSeries

Thread ID:

Created:

Updated:

Platform:

Replies:

122114 Feb 18,2016 03:12 AM UTC Feb 18,2016 04:25 PM UTC UWP 1
loading
Tags: SfChart
Albert Lee
Asked On February 18, 2016 03:12 AM UTC

Hi
I'm using the SplineAreaSeries in my UWP APP to demonstrate data in ten days. But I encountered a problem when the control plot the data. Below is the ideal image plotted if the data bound to the control is "good"

However, if the data is not so good, for instance the y value of the ten days are 40, 0, 0, 0, 0, 0, 0, 20, 20, 0, the image plotted is very strange

Because the data is "sharp" so the control cannot draw the curve properly. Is there any solution to solve this?  Following is the xaml code for this page:

        <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" Name="GreenStarGrid">
            <Grid Background="#F4F4F4">
                <chart:SfChart HorizontalAlignment="Stretch" VerticalAlignment="Stretch" AreaBorderBrush="#00000000" Palette="Custom" >
                    <chart:SfChart.ColorModel>
                        <chart:ChartColorModel>
                            <chart:ChartColorModel.CustomBrushes>
                                <SolidColorBrush Color="#7F71BC56"/>
                            </chart:ChartColorModel.CustomBrushes>
                        </chart:ChartColorModel>
                    </chart:SfChart.ColorModel>
                    <chart:SfChart.PrimaryAxis>
                        <chart:DateTimeAxis EdgeLabelsDrawingMode="Shift" Interval="1" IntervalType="Days" Header="" LabelFormat="dd" ShowOrigin="False" ShowAxisNextToOrigin="False" MajorTickLineStyle="{StaticResource TickLine}"/>
                    </chart:SfChart.PrimaryAxis>
                    <chart:SfChart.SecondaryAxis>
                        <chart:NumericalAxis Visibility="Collapsed" Header="" ShowGridLines="False" ShowOrigin="False" ShowAxisNextToOrigin="False" MajorTickLineStyle="{StaticResource TickLine}"/>
                    </chart:SfChart.SecondaryAxis>
                    <chart:SplineAreaSeries ItemsSource="{x:Bind green_star_list}" XBindingPath="Date" YBindingPath="PointHardEarned" Name="GreenStarAreaLine">
                        <chart:SplineAreaSeries.AdornmentsInfo>
                            <chart:ChartAdornmentInfo  LabelPosition="Auto" SegmentLabelContent="YValue" ShowMarker="True" Symbol="Custom" ShowLabel="True" SymbolTemplate="{StaticResource MarkerTemplateGreen}" LabelTemplate="{StaticResource LabelTemplateGreen}">
                            </chart:ChartAdornmentInfo>
                        </chart:SplineAreaSeries.AdornmentsInfo>
                    </chart:SplineAreaSeries>
                </chart:SfChart>
            </Grid>
        </Grid>

Sumathi Jayaraj [Syncfusion]
Replied On February 18, 2016 04:25 PM UTC

Hi Albert,

Thanks for contacting Syncfusion support.

"Bezier curve" is used to render spline area series. This is the behavior of bezier curve. Area series is renders straight line for zero values.

Regards,
Sumathi J

CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;