html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // create pie chart with passed data

  var chart = anychart.pie();

  var data = [

    ['Android', 4.13],

    ['Playstation', 69.17],

    ['Wii', 12],

    ['Xbox', 14.71]

  ]

  var series = chart.data(data);

    chart.normal().stroke("#ffffff00", 5);

​

  // change the selected points look

  series.select([0]);

  // creates palette

  var palette = anychart.palettes.distinctColors();

  palette.items([

    { color: '#7d9db6'},

    { color: 'lightgreen' },

    { color: '#f38367' },

    { color: '#b97792' }

  ]);

​

  chart.interactivity().selectionMode("none");

  // set chart radius

  chart

    .radius('43%')

    // create empty area in pie chart

    .innerRadius('60%')

    // set chart palette

    .palette(palette);

​

​

  // format tooltip

  chart.tooltip().format('Percent Value: {%PercentValue}%');

​

  // create standalone label and set label settings

  var label = anychart.standalones.label();

  label

    .enabled(true)

    .text('Operating System Market\nShare (Console)')

    .width('100%')

    .height('100%')

    .adjustFontSize(true, true)

    .minFontSize(10)

    .maxFontSize(25)

    .fontColor('#60727b')

    .position('center')

    .anchor('center')

    .hAlign('center')

    .vAlign('middle');

​

  // set label to center content of chart

  chart.center().content(label);

​

  // set container id for the chart

  chart.container('container');

  // initiate chart drawing

  chart.draw();

});