$(function() {

  var LocalData = [

    ["Category A", 14.2],

    ["Category B", 36.6],

    ["Category C", 40],

    ["Category D", 13.1],

    ["Category E", 52.4]

  ];   

  $("#chart").shieldChart({  

​

primaryHeader: {

    text: 'Shield UI Donut Chart Example',

    align: 'center'

},

    seriesSettings: {

      donut: {

        activeSettings: {

          pointSelectedState: {

            enabled: true

          }

        },

//Uncomment next Block to enable sliced offset

        //-----------------------------

        //enablePointSelection: true,

//slicedOffset: 50,

        //-----------------------------

        addToLegend: true,

//Uncomment next Block to enable Data point text

//-----------------------------

        dataPointText: {

          //enabled: true,

          //borderRadius: 4,

          //borderWidth: 2,

          //borderColor: "red"

        }

       //-----------------------------        

      }

    }, 

//Uncomment next Block to format and position legend on top

//-----------------------------  

//    chartLegend: {

//      align: "center",

//      borderRadius: 2,

//      borderWidth: 2,

//      verticalAlign: "top"

//    },     

//-----------------------------    

    dataSeries: [{

      seriesType: "donut",

      collectionAlias: "Usage",

      data: LocalData

    }]    

​

  });

  });

​