protovis part 3: variables and animation

It's important that the labels are closer to the edge of the wedges. Otherwise, when the chart is resized, they may bump into each other. Fortunately, there's a nifty little trick to doing this.

Copy the entire wedge code and paste a copy below it.

Now delete all of the label code from the original, starting with . anchor. Go to the copied code and find .outerRadius and put your cursor at the end of the line. Hit return and type .innerRadius (r/2). This creates a donut chart on top of the pie chart that moves the labels outward.

That's great but we don't want to see two charts. To fix this, Change the fillStyle value to null to make the chart invisible. Then delete the .strokeStyle.