Difference between revisions of "Pie chart"

From JSXGraph Wiki
Jump to: navigation, search
Line 39: Line 39:
 
             */
 
             */
 
             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],500);
+
                                 this.midpoint.coords.usrCoords[2]+dy*(z+ddy)/z],200);
  
 
         };
 
         };
Line 55: Line 55:
 
             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.point2.coords = new JXG.Coords(JXG.COORDS_BY_USER,  
 
                                                 [this.midpoint.coords.usrCoords[1]+dx*(z-ddx)/z,
 
                                                 [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],
 
                                                 this.board);
 
                                                 this.board);
 +
            */
 
             this.prepareUpdate().update().updateRenderer();
 
             this.prepareUpdate().update().updateRenderer();
 +
            this.point2.moveTo([this.midpoint.coords.usrCoords[1]+dx*(z-ddx)/z,
 +
                                this.midpoint.coords.usrCoords[2]+dy*(z-ddy)/z],200);
 
         };  
 
         };  
 
     }
 
     }

Revision as of 16:48, 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 ...