Codejock Developer Community : Path Data Xaml http://forum.codejock.com/ Copyright (c) 2006-2013 Web Wiz Forums - All Rights Reserved. Thu, 30 Apr 2026 18:20:03 +0000 Fri, 10 Oct 2008 11:33:31 +0000 http://blogs.law.harvard.edu/tech/rss Web Wiz Forums 12.04 360 forum.codejock.com/RSS_post_feed.asp?TID=12379 <![CDATA[Codejock Developer Community]]> http://forum.codejock.com/forum_images/codejock-logo.gif http://forum.codejock.com/ <![CDATA[Path Data Xaml : Hi Oleg,Thanks for the reply....]]> http://forum.codejock.com/forum_posts.asp?TID=12379&PID=41879&title=path-data-xaml#41879 Author: jpbro
Subject: 12379
Posted: 10 October 2008 at 11:33am

Hi Oleg,

Thanks for the reply. I will probably hold off on the pie chart until the Arc bezier is implemented then, as the Cubic bezier stuff is blowing my mind ;)
]]> Fri, 10 Oct 2008 11:33:31 +0000 http://forum.codejock.com/forum_posts.asp?TID=12379&PID=41879&title=path-data-xaml#41879 <![CDATA[Path Data Xaml : Hi, Yes, we need to sit and implement...]]> http://forum.codejock.com/forum_posts.asp?TID=12379&PID=41853&title=path-data-xaml#41853 Author: Oleg
Subject: 12379
Posted: 10 October 2008 at 2:21am

Hi,
Yes, we need to sit and implement Arc using Bizier for future version - at least standard XAML also do same. Just need to prepare for such kind of Math. :-(  Pie chart will be much easy to implement with 'a' tag.
]]> Fri, 10 Oct 2008 02:21:31 +0000 http://forum.codejock.com/forum_posts.asp?TID=12379&PID=41853&title=path-data-xaml#41853 <![CDATA[Path Data Xaml : I found this interesting PDF that...]]> http://forum.codejock.com/forum_posts.asp?TID=12379&PID=41840&title=path-data-xaml#41840 Author: jpbro
Subject: 12379
Posted: 09 October 2008 at 11:51pm

I found this interesting PDF that seems to indicate a solution to the problem:

http://itc.ktu.lt/itc354/Riskus354.pdf

Fittingly titled Approximation of a Cubic Bezier Curve by Circular Arcs and Vice Versa. Unfortunately, the cubic bezier curve has four control points as far as the PDF is concerned, but the Path Data mini-language cubic bezier curve only seems to accept three points, so I'm at a bit of a loss in terms of how to proceed...

I've tried converting the formulas in the document to VB code, but unfortunately I haven't had much success yet (at generating a pie slice at least, but I have made some pretty pictures ;) ). Anyone care to take a stab at it?

]]> Thu, 09 Oct 2008 23:51:32 +0000 http://forum.codejock.com/forum_posts.asp?TID=12379&PID=41840&title=path-data-xaml#41840 <![CDATA[Path Data Xaml : I&#039;ve created a pie chart...]]> http://forum.codejock.com/forum_posts.asp?TID=12379&PID=41821&title=path-data-xaml#41821 Author: jpbro
Subject: 12379
Posted: 09 October 2008 at 11:44am

I've created a pie chart with another program using the same values as my "sloppy" XAML chart (5%, 15%, 20%, 25%, 35%), and then overlayed my chart over that chart:



As you can see, my math for the L values is correct (the lines extending from the center of the pie chart to the radius match the other pie chart, so the basic representation is correct). The problem is obviously with my calculations for the S values. Right now I am picking a point halfway between L values, but this is obviously incorrect.
]]> Thu, 09 Oct 2008 11:44:39 +0000 http://forum.codejock.com/forum_posts.asp?TID=12379&PID=41821&title=path-data-xaml#41821 <![CDATA[Path Data Xaml : Hi Oleg, I&#039;ve seen the chart...]]> http://forum.codejock.com/forum_posts.asp?TID=12379&PID=41819&title=path-data-xaml#41819 Author: jpbro
Subject: 12379
Posted: 09 October 2008 at 11:35am

Hi Oleg,

I've seen the chart sample (in fact that's where I got the Path Data code that I showed in the first message). What I don't understand is what math is required to calculate the required values to put into the S portion of the mini-language.

For example, If I want to draw the first pie slice (10%), how do I know what S values are required to accurately draw the arc/curve to appear as 10% or 36 degrees of a circle?

In any case, I know it's not your job to teach me math, or XAML for that matter, I was just hoping somebody had some insights on this.
]]> Thu, 09 Oct 2008 11:35:55 +0000 http://forum.codejock.com/forum_posts.asp?TID=12379&PID=41819&title=path-data-xaml#41819 <![CDATA[Path Data Xaml : Hi, Yes, &#039;a&#039; is...]]> http://forum.codejock.com/forum_posts.asp?TID=12379&PID=41799&title=path-data-xaml#41799 Author: Oleg
Subject: 12379
Posted: 09 October 2008 at 2:47am

Hi,
 
Yes, 'a' is not supported now :(
 
Here sample how it can be emulated with 'S':
 
ChartSample.zip


]]> Thu, 09 Oct 2008 02:47:45 +0000 http://forum.codejock.com/forum_posts.asp?TID=12379&PID=41799&title=path-data-xaml#41799 <![CDATA[Path Data Xaml : Okay, *some* progress... Here&#039;s...]]> http://forum.codejock.com/forum_posts.asp?TID=12379&PID=41786&title=path-data-xaml#41786 Author: jpbro
Subject: 12379
Posted: 09 October 2008 at 12:03am

Okay, *some* progress...

Here's a sample that does "okay" on evenly divided slices, but gets weird when the slices have different values:


uploads/20081008_235828_XamlPieChart.zip

These screenshots illustrate the point I'm at now:


(EVEN SLICE PERCENTAGES: 20%)



(VARIOUS SLICE PERCENTAGES: 5,15,20,25,35%)

I will be the first to admit that geometric calculations are not my strong point, so if anybody has an idea of what I am doing wrong, or how to get a better result, I would appreciate the input. I'll be happy to post a good reusable class when the results are good in return.

Thanks a lot.

]]> Thu, 09 Oct 2008 00:03:07 +0000 http://forum.codejock.com/forum_posts.asp?TID=12379&PID=41786&title=path-data-xaml#41786 <![CDATA[Path Data Xaml : I found the MS site on the Path...]]> http://forum.codejock.com/forum_posts.asp?TID=12379&PID=41783&title=path-data-xaml#41783 Author: jpbro
Subject: 12379
Posted: 08 October 2008 at 9:23pm

I found the MS site on the Path Data mini-language. If anyone else is interested it is here:

http://msdn.microsoft.com/en-us/library/cc189041(VS.95).aspx#abouthisdocument

I now understand that M is MoveTo, L is LineTo, S is Smooth Cubic Bezier Curve, and Z closes the path. I understand how to use them basically. What I don't understand is how to mathematically convert something like a percentage or angle to the correct values to accurately represent a pie slice (really it's the S value that I have no idea how to compute). Most of the sample code I have found uses the A (Elliptical Arc) command, and it seems that CJ markup doesn't support this.

Anybody have any experience with this?
]]> Wed, 08 Oct 2008 21:23:03 +0000 http://forum.codejock.com/forum_posts.asp?TID=12379&PID=41783&title=path-data-xaml#41783 <![CDATA[Path Data Xaml : Does anyone know where to get...]]> http://forum.codejock.com/forum_posts.asp?TID=12379&PID=41779&title=path-data-xaml#41779 Author: jpbro
Subject: 12379
Posted: 08 October 2008 at 6:19pm

Does anyone know where to get good information on the Path element Data attribute? I've been looking at the CJ chart samples, and the Pie chart confounds me:


<Path Data="M 130 130 L 130.00 0.00 S 147.87 0.000000 165.07 4.82 Z"/>


Draws a pie slice, but I'm not sure how...How would I convert a percentage (i.e 10%) into a slice that represents that percentage?

Thanks in advance for any help.

]]> Wed, 08 Oct 2008 18:19:19 +0000 http://forum.codejock.com/forum_posts.asp?TID=12379&PID=41779&title=path-data-xaml#41779