1. Home
  2. Forum
  3. Xamarin.Forms
  4. HOW TO DRAW DOTTED LINE BETWEEN TWO POINTS IN SYNCFUSION

HOW TO DRAW DOTTED LINE BETWEEN TWO POINTS IN SYNCFUSION

I'M trying to draw a dotted line between two points. The problem currently i'm facing is none of the overloads help me to understand the line draw methods.

currently there is a method named
   public override void DrawConnectorLine(CGContext context, double startX, double startY, double endX, double endY, UIColor lineColor, int index)
        {
            base.DrawConnectorLine(context, startX, startY, endX, endY, lineColor, index);
        }
this is not getting fired when the graph is drawn.
Can you please guide me on which override can specifically use to understand the path that is drawn.



Attachment: Screen_Shot_20180302_at_2.04.39_PM_a5535dcb.zip

7 Replies
DV Divya Venkatesan Syncfusion Team March 5, 2018 06:47 AM UTC

Hi Varun,

Thanks for using Syncfusion products.

We have prepared a sample using FastLineSeries to draw dotted lines between two data points. Please download the sample from the following link.

Sample: http://www.syncfusion.com/downloads/support/forum/136208/ze/ChartSample1129817776

You can refer the following user guide link for more details.
https://help.syncfusion.com/xamarin/sfchart/charttypes#dashed-lines  

Please let us know if your requirement is different from this.

Regards,
Divya Venkatesan


VA Varun March 7, 2018 02:47 AM UTC

Hi 

The sample had wrong double reference you need to use mscorlib not runtime. I was able to see the sample running.
Can the dash be converted to Round. usually the series cap can be made to round. Fast series doesn't have the property. My requirement needs the dash to be rounded with alpha. Is there any work around.

Regards
Varun

MK Muneesh Kumar G Syncfusion Team March 7, 2018 04:13 PM UTC

Hi Varun, 
 
Sorry for the inconvenience caused.

We can achieve your requirement using custom renderer in native project. Based on this we have modified our sample, please find the modified sample from the below location.  
 
 
Please let us know if you have any queries.  

Regards,
Muneesh Kumar G. 


VA Varun March 7, 2018 05:04 PM UTC

Hi
Can we make the dash line as round. Can we alter the dash style.
Also can we add this as part of the normal line series. Consider we have a line between 1 -2-3.
The problem is the line series continues to the 3-4 and the fastlineseries overlaps with the same. 
Our requirement basically needs to stop the solid line series at 3 and continue the fast series then again restart the line series from 4 to 5.
Can we achieve this?
Can we add the FastLineSPLineSeries as the value between 3-4 and then 4-5 as normal line series.

Regards
Varun

DV Divya Venkatesan Syncfusion Team March 8, 2018 04:35 PM UTC

Hi Varun,

We have modified our sample as per your requirement using LineSeries. We have made the dotted line based on the index in custom renderer in platform specific projects. You can customize the dotted line as you needed. Please download the sample from the following link.

Sample: http://www.syncfusion.com/downloads/support/forum/136208/ze/ChartSample-1033678653

Please let us know if you need any furthure assistance.

Regards,
Divya Venkatesan


RK Rastham KA March 30, 2018 03:28 PM UTC

Hi
Can you provide a sample to dynamically add these points using code not using xaml.
our requirement is very dynamic and can have these lines rendered in various in between points

Regards


LR Lakshmi Radha Krishnan Syncfusion Team April 2, 2018 12:39 PM UTC

Hi Rastham, 
  
We have prepared a sample to dynamically add data on button click and show dotted lines based on a property defined in Model. Please download the sample from the following link. 
  
  
Please let us know if you need any further assistance. 
  
Regards, 
Lakshmi R. 


Loader.
Up arrow icon