How to draw dotted line in WPF Chart (SfChart)?

This article explains how to customize the appearance of the series in a WPF Chart (SfChart) by using the CustomTemplate property in LineSeries. By implementing a DataTemplate, you can configure the series to be represented as a dotted line.

In the following example, the DataTemplate is used within a LineSeries to create a dotted line effect. This is achieved by setting the StrokeDashArray property.

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:

Conclusion

I hope you enjoyed learning about how to draw dotted line in WPF Chart(SfChart).

You can refer to our WPF Chart’s feature tour page to know about its other groundbreaking feature representations. You can also explore our   WPF Chart documentation to understand how to present and manipulate data.

For current customers, you can check out our WPF components from the License and Downloads page. If you are new to Syncfusion®, you can try our 30-day free trial to check out our WPF Chart and other WPF components.

If you have any queries or require clarifications, please let us know in comments below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!