html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // prepare data for the chart

  var data = [

    { name: 'Application', value: 100 },

    { name: 'Brief Interview by HR', value: 70 },

    { name: 'Testing', value: 57 },

    { name: 'Revealing some other information', value: 38 },

    { name: 'Interview with the director', value: 15 },

    { name: 'Offer', value: 10 }

  ];

​

  // create funnel chart

  var chart = anychart.funnel(data);

​

  // set chart background color

  chart.background('white');

​

  // set chart legend settings

  chart.legend(true).padding().top(20);

​

  // set chart title

  chart

    .title('Interviewing and recruiting')

    // set chart base width settings

    .baseWidth('70%')

    // set the neck height

    .neckHeight('0%');

​

  // set chart labels settings

  chart.labels().position('outside-left').format('{%Name} - {%Value}%');

​

  // set container id for the chart

  chart.container('container');

​

  // initiate chart drawing

  chart.draw();

});