HOW TO DRAW DOTTED LINE BETWEEN TWO POINTS IN SYNCFUSION

[Varun]

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

[Divya Venkatesan]

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

[Varun]

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

[Muneesh Kumar G]

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.  

 

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

 

Please let us know if you have any queries.  

Regards,
Muneesh Kumar G. 

[Varun]

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

[Divya Venkatesan]

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

[Rastham KA]

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

[Lakshmi Radha Krishnan]

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. 

  

Sample: http://www.syncfusion.com/downloads/support/forum/136208/ze/ChartSample_test_in_iOS-720502668  

  

Please let us know if you need any further assistance. 

  

Regards, 

Lakshmi R.