[Wiskunde] - Taartgrafiek en label binnen 'taartstukje'

[ZpAz]

Aloha,

Momenteel ben ik bezig met een systeem waarmee ik een taartgrafiek moet maken. Dit is me ook gelukt, hoewel ik niet geweldig ben met Wiskunde, het is een beetje een vreemde taartgrafiek met het circeltje in het midden, maar die hoort er, en ook moet elke 'taarstuk' even groot zijn.

Voorbeeld: http://cl.ly/3lSt

Nu is het me gelukt om het tot zo ver te maken, maar nu vraag ik me af, ik wil graag ook labels binnen de 'taarstukken' kunnen plaatsen (niet alleen op het 'center' rondje).

Hoe kan ik nu bepalen op 'welke coordinaten' het tekstvakje moet verschijnen?

De waarde's die ik weet:

- Radius van de cirkel.
- Radiaal van het begin van de taartpunt en het einde van een taartpunt.

Maar nu weet ik niet hoe ik door middel van die twee waardes een coördinaat binnen de betreffende taartpunt.
Iemand die me een zetje in de juiste richting kan geven?

[MLM]

Zoek eens op goniometrische functies (sin, cos). Het is niet heel moeilijk

[ZpAz]

De Sinus / Cosinus ken ik enkel (nog) van het berekenen van een hoeken e.d met een driehoek. (Zoals: http://www.wiskunde.eu/?pg=310003 ) maar hoe ik dat in een cirkel kan toepassen, ik zou het echt niet weten. Wiskunde was nooit mijn sterkste vak eigenlijk.

Kan ik een 'schopje' in de juiste richting krijgen? Dan zoek ik ondertussen verder.

[Verwijderd]

Driehoeks-cirkel

[ZpAz]

Heb de site die bij dat plaatje hoort bekeken, maar duidelijk wordt het nog niet.

* Voelt zich dom *

Kan iemand van 'schopje' een 'trap' maken?

[Verwijderd]

Deze wilde ik je al eerder laten zien, maar nu vond ik hem eindelijk. Tesamen met deze, welke ook de cosinus-functie (gedraaid!) in positie uitbeeld.

(Daarvan is ook een flash-applicatie aanwezig, op de site in mijn vorige post)

Hopelijk begrijp je nu hoe je een punt op een cirkel (met een iedere willekeurige radius) kan kiezen. Anders hoor ik graag een specifieke wedervraag terug

spoiler:

ik zou deze uitleg aanraden, waar een jongeman met metingen van de cirkel-definitie, de sinus-grafiek tekent. Het gaat jou eigenlijk om die cirkel-definitie.

[edit]
@Smurfje

Volgens mij vroeg Zpaz naar het 'middenpunt' van een taart-punt, niet de oppervlakte.* Maar ach, zelfs met een polygoon zou tekst invoegen een moeilijke zaak (kunnen) zijn

spoiler:

Ik zou dus het gewogen gemiddelde van de 2 radialen, en van de ene radius (nu we toch spoilen).*

*Als je niet de gehele cirkel wilt gebruiken, dan heb je zeker een tweede radius c.q. binnen-cirkel nodig ja.
Dit feitje had ik gemist, toen ik de TS eerder las.

[ Voor 34% gewijzigd door Verwijderd op 25-12-2010 00:17 ]

[Brilsmurfffje]

je moet het oppervlakte van de buitenste cirkel nemen, en dan van de kleinere, deze trek je van elkaar af en het antwoord is het oppervlakte van het buitenste rondje.
Je moet dus denkbeeldig de lijnen doortrekken naar het hart van de cirkel.

Dan kan je met het oppervlakte en de hoek van de taartpunt het oppervlakte bepalen

[ Voor 15% gewijzigd door Brilsmurfffje op 25-12-2010 00:02 ]

[ZpAz]

Thanks!

Ik heb nu de volgende code:

code:

        //Calculate start and end angles        
        //Omtrek
        var fullRound = Math.PI*2;
        
        var percent = (value / self.total) * 100;
        //Go from percentages to radian
        var endRadian = fullRound / 100 * percent;
        
        //Go to center of pie
        var centerRadian = self.currentAngle + (endRadian / 2);

        var xCos = Math.cos(-centerRadian);
        var ySin = Math.sin(-centerRadian);
        
        var x = self.radius - (self.radius * xCos);
        var y = self.radius - (self.radius * ySin);     
        
        self.drawTextWithMaxWidth(label, x,y, 100);
        
        self.currentAngle += endRadian;

En het werkt! Nu zit er niet helemaal in mijn hoofd waarom, maar het werkt (Ze staan nu op de rand in het midden, maar krijg ze nog wel in het midden/midden

http://cl.ly/3kwz

edit: Helemaal gefixt: http://cl.ly/3l7h

[MasterTweaker]

In welke programmeer taal doe je dit als ik vragen mag?

[_Erikje_]

MasterTweaker schreef op maandag 27 december 2010 @ 14:42:
In welke programmeer taal doe je dit als ik vragen mag?

hoogstwaarschijnlijk actionscript

[ZpAz]

Script was wel goed, Javascript.

[Soultaker]

ActionScript =~ ECMAScript =~ JavaScript

[Bolukan]

Is de code van zaterdag 25 december 2010 20:21 nu de 'helemaal gefixt'-code of de 'rand'-code? Indien het laatste, kun je de 'helemaal gefixt'-code ook posten?

Edit: Thanx

[ Voor 4% gewijzigd door Bolukan op 28-12-2010 13:26 ]

[ZpAz]

Soultaker schreef op maandag 27 december 2010 @ 23:25:
ActionScript =~ ECMAScript =~ JavaScript

True, maar dat maakt niet ActionScript == Javascript.

Bolukan schreef op dinsdag 28 december 2010 @ 11:03:
Is de code van zaterdag 25 december 2010 20:21 nu de 'helemaal gefixt'-code of de 'rand'-code? Indien het laatste, kun je de 'helemaal gefixt'-code ook posten?

Tuurlijk:

code:

this.renderLabel = function(label, value) {
        ctx = self.context;

        //Calculate start and end angles        
        //Omtrek
        var fullRound = Math.PI*2;
        
        var percent = (value / self.total) * 100;
        //Go from percentages to radian
        var endRadian = fullRound / 100 * percent;
        
        //Go to center of pie
        var centerRadian = self.currentAngle + (endRadian / 2);

        var xCos = Math.cos(-centerRadian);
        var ySin = Math.sin(-centerRadian);
        
        var x = self.radius - ((self.radius*0.72) * xCos);
        var y = self.radius - ((self.radius*0.72) * ySin);      
        
        self.drawTextWithMaxWidth(label, x,y, 100);
        
        self.currentAngle += endRadian;
    }