function applyTheme() {
        // If we don't have a skin, we want to exit - as there is nothing we can do.
        if (!skin) return;

        // Grab the d3 **selection** from the viz so we can operate on it.
        var selection = viz.selection();

        // Set our skin **css** class
        selection.attr("class", skin.class);

        // Style our **progress** arcs
        selection.selectAll(".vz-radial_progress-arc")
            .style("fill", function (d, i) {
                return skin.arc_fill(d, i)
            })
            .style("fill-opacity", function (d, i) {
                return skin.arc_fill_opacity(d, i)
            })
            .style("stroke", function (d, i) {
                return skin.arc_stroke(d, i)
            });

        // Style the **track** arcs
        selection.selectAll(".vz-radial_progress-track")
            .style("fill", skin.track_fill);

        // Style the **label**
        selection.selectAll(".vz-radial_progress-label")
            .style("fill", skin.label_color)
            .style("stroke-opacity", 0)
            .style("font-size", viz.radius() * .25); // Notice we dynamically size the font based on the gauge radius.

    }
//<code>viz.update()</code> event and is responsible for making all of the primary visual updates to the viz.
viz.update() event and is responsible for making all of the primary visual updates to the viz.
viz . update () event and is responsible for making all of the primary visual updates to the viz .
function applyTheme() {
        if (!skin) return;
        var selection = viz.selection();
        selection.attr("class", skin.class);
        selection.selectAll(".vz-radial_progress-arc")
            .style("fill", function (d, i) {
                return skin.arc_fill(d, i)
            })
            .style("fill-opacity", function (d, i) {
                return skin.arc_fill_opacity(d, i)
            })
            .style("stroke", function (d, i) {
                return skin.arc_stroke(d, i)
            });
        selection.selectAll(".vz-radial_progress-track")
            .style("fill", skin.track_fill);
        selection.selectAll(".vz-radial_progress-label")
            .style("fill", skin.label_color)
            .style("stroke-opacity", 0)
            .style("font-size", viz.radius() * .25); 
    }
function applyTheme ( ) { if ( ! skin ) return ; var selection = viz . selection ( ) ; selection . attr ( "class" , skin . class ) ; selection . selectAll ( ".vz-radial_progress-arc" ) . style ( "fill" , function ( d , i ) { return skin . arc_fill ( d , i ) } ) . style ( "fill-opacity" , function ( d , i ) { return skin . arc_fill_opacity ( d , i ) } ) . style ( "stroke" , function ( d , i ) { return skin . arc_stroke ( d , i ) } ) ; selection . selectAll ( ".vz-radial_progress-track" ) . style ( "fill" , skin . track_fill ) ; selection . selectAll ( ".vz-radial_progress-label" ) . style ( "fill" , skin . label_color ) . style ( "stroke-opacity" , 0 ) . style ( "font-size" , viz . radius ( ) * .25 ) ; }
<code>viz.update()</code> event and is responsible for making all of the primary visual updates to the viz.
<code > viz . update () < / code > event and is responsible for making all of the primary visual updates to the viz .
// If we don't have a skin, we want to exit - as there is nothing we can do. // Grab the d3 **selection** from the viz so we can operate on it. // Set our skin **css** class // Style our **progress** arcs // Style the **track** arcs // Style the **label** // Notice we dynamically size the font based on the gauge radius.