Connected dot plot chart - Dumbell dot chart

[Codrina Merigo]

Hello,

It is possible to achieve usign syncfusion chart a connected dot ploat chart something like here :

https://stephanieevergreen.com/dumbbell-dot-plot/ where 1 have 2 series of data that i need to vertically connect using a line. I was thinking about using scatter chart, but I have no idea on h ow to connect the points.

Thank you very much,

Codrina

[Bharathiraja K]

Hi Codrina, 

 

Greetings from Syncfusion.  

 

We can achieve your requirement using Range column series and scatter series. Range column series will plot based on two y values. (i.e. High and Low). 

And the Width property of Column series class is used to change the rectangle size, it value range from 0 to 1, by default range column width noted as 0.8. 

 

We are prepared the sample based on this requirement, that can be downloaded from below link. And find the code snippet below.  

 

<chart:SfChart x:Name="chart" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"> 

 

. . .  

 

<chart:RangeColumnSeries ItemsSource="{Binding ChartSeriesData}" XBindingPath="Date" High="High" Low="Low" Width="0.01" Color="DarkBlue"/> 

            <chart:ScatterSeries ItemsSource="{Binding ChartSeriesData}" XBindingPath="Date" YBindingPath="High" ScatterWidth="14" ScatterHeight="14" Color="Red"/> 

            <chart:ScatterSeries ItemsSource="{Binding ChartSeriesData}" XBindingPath="Date" YBindingPath="Low" ScatterHeight="14" ScatterWidth="14" Color="Black"/> 

 

. . .        

 

</chart:SfChart> 

 

Sample: http://www.syncfusion.com/downloads/support/directtrac/general/ze/SimpleSample-1043808551.zip  

 

Please refer the below help document link for more details. 

UG link: https://help.syncfusion.com/xamarin/sfchart/charttypes#range-column-chart   

 

 

 

Regards, 

Bharathi. 

[Codrina Merigo]

Thank you very much, works like a charm!

Codrina

[Bharathiraja K]

Hi Codrina,  

 

Thanks for your feedback. 

 

Regards, 

Bharathi.