Difference between revisions of "Pie chart"

From JSXGraph Wiki
Jump to: navigation, search
Line 31: Line 31:
 
             var z = Math.sqrt(dx*dx+dy*dy);
 
             var z = Math.sqrt(dx*dx+dy*dy);
 
              
 
              
            /*
 
            this.point2.coords = new JXG.Coords(JXG.COORDS_BY_USER,
 
                                                [this.midpoint.coords.usrCoords[1]+dx*(z+ddx)/z,
 
                                                this.midpoint.coords.usrCoords[2]+dy*(z+ddy)/z],
 
                                                this.board);
 
            this.prepareUpdate().update().updateRenderer();
 
            */
 
 
             this.point2.moveTo([this.midpoint.coords.usrCoords[1]+dx*(z+ddx)/z,
 
             this.point2.moveTo([this.midpoint.coords.usrCoords[1]+dx*(z+ddx)/z,
 
                                 this.midpoint.coords.usrCoords[2]+dy*(z+ddy)/z]);
 
                                 this.midpoint.coords.usrCoords[2]+dy*(z+ddy)/z]);
Line 55: Line 48:
 
             var ddy = 20/(this.board.stretchY);
 
             var ddy = 20/(this.board.stretchY);
 
             var z = Math.sqrt(dx*dx+dy*dy);
 
             var z = Math.sqrt(dx*dx+dy*dy);
            /*
 
            this.point2.coords = new JXG.Coords(JXG.COORDS_BY_USER,
 
                                                [this.midpoint.coords.usrCoords[1]+dx*(z-ddx)/z,
 
                                                this.midpoint.coords.usrCoords[2]+dy*(z-ddy)/z],
 
                                                this.board);
 
            this.prepareUpdate().update().updateRenderer();
 
            */
 
 
             this.point2.moveTo([this.midpoint.coords.usrCoords[1]+dx*(z-ddx)/z,
 
             this.point2.moveTo([this.midpoint.coords.usrCoords[1]+dx*(z-ddx)/z,
 
                                 this.midpoint.coords.usrCoords[2]+dy*(z-ddy)/z]);
 
                                 this.midpoint.coords.usrCoords[2]+dy*(z-ddy)/z]);

Revision as of 16:52, 30 June 2010

A pie chart with highlight on the whole sector, enlarging labels on highlight and a gradient fill.

JavaScript code to produce this chart

Soon ...