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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to draw dotted line using line series in SfChart?

Platform: UWP |
Control: SfChart |
Published Date: February 25, 2016 |
Last Revised Date: March 9, 2018 |
.NET Framework: 4.5 |
Product Version: 12.1.0.43

Using the CustomTemplate property, we can customize the visualization of line series. In the following example, the DataTemplate property is used with a line in it. Set the StrokeDashArrayand, and bind the values for X1, X2, X3, and X4 to customize the line series as dotted line.

Example:

XAML

<Syncfusion:LineSeries   ItemsSource="{Binding}" XBindingPath="CompanyName"

                   Palette="Metro"   YBindingPath="CompanyTurnOver">

   <!-- Customtemplate for draw Dotted line in LineSeries-->                

        <Syncfusion:LineSeries.CustomTemplate>

            <DataTemplate>

                        <Line StrokeDashArray="1,1" X1="{Binding X1}" StrokeThickness="3"

                            X2="{Binding X2}" Y1="{Binding Y1}" Y2="{Binding Y2}"

                            Stroke="Green"/>

            </DataTemplate>

        </Syncfusion:LineSeries.CustomTemplate>

    </Syncfusion:LineSeries>

 

Output

D:\snaps\DottedLine.JPG

2X faster development

The ultimate UWP UI toolkit to boost your development speed.
ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

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