html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // add data 

  var data = anychart.data.set([

    ['Spotify', 34],

    ['Apple Music', 21],

    ['Amazon Music', 15],

    ['Tencent apps', 11],

    ['YouTube Music', 6],

    ['Others', 13]

  ]);

  // create a pie chart with the data

  var chart = anychart.pie(data)

  // set the chart radius making a donut chart

  chart.innerRadius('55%')  

  // set the chart title

  chart.title('Music Streaming Apps Global Market Share');

  // create a color palette

  var palette = anychart.palettes.distinctColors();

  // set the colors according to the brands

  palette.items([

    { color: '#1dd05d' },

    { color: '#000000' },

    { color: '#00a3da' },

    { color: '#156ef2' },

    { color: '#f60000' },

    { color: '#96a6a6' }

  ]);

  // apply the donut chart color palette

  chart.palette(palette);

​

  // set container id for the chart

  chart.container('container');

  // initiate chart drawing

  chart.draw();

​

});