html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // create data set on our data

  var data = [

    { x: 'Traffic', value: 56 },

    { x: 'Child Care', value: 44.8 },

    { x: 'Transp.', value: 27.2 },

    { x: 'Weather', value: 19.6 },

    { x: 'Overslept', value: 11.4 },

    { x: 'Emergency', value: 6.6 }

  ];

​

  // create pareto chart with data

  var chart = anychart.pareto(data);

  // turn on chart animation

  chart.animation(true);

  // set chart title text settings

  chart.title('Pareto Chart of Late Arrivals by Reported Cause');

  // set measure y axis title

  chart.yAxis(0).title('Defect frequency');

  // cumulative percentage y axis title

  chart.yAxis(1).title('Cumulative Percentage');

  // set tooltip settings for each series

  chart.getSeriesAt(0).tooltip().format('Value: {%Value}');

  chart

    .getSeriesAt(1)

    .tooltip()

    .format('Cumulative Frequency: {%CF}% \n Relative Frequency: {%RF}%');

​

  // set container id for the chart

  chart.container('container');

  // initiate chart drawing

  chart.draw();

});