genderPieChart.js

//use our handler
genderPieChart
    .width(180) //setup sizes
    .height(180)
    .radius(80)
    .dimension(genderDim) //use the Crossfilter dimension we setup earlier
    .group(genderDim.group()); //put this into the gender dimension group
    
genderPieChart.controlsUseVisibility(true); //tell the chart that we want to use anchor tags as resets

//setup click events to reset filters for the reset anchor tag
$('#genderPie > a').on('click', function (e) {
    genderPieChart.filterAll();
    dc.redrawAll();
    e.preventDefault();
});