html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // add data

  let data = [

    { x: "Managing the loan or lease", value: 15265 },

    { x: "Problems when you are unable to pay", value: 7678 },

    { x: "Taking out the loan or lease", value: 4370 },

    { x: "Shopping for a loan or lease", value: 2029 },

    { x: "Managing the line of credit", value: 806 },

    { x: "Other issues", value: 1427 }

  ];

​

  // create a pareto chart with the data

  let chart = anychart.pareto(data);

  // set a pareto column series

  let column = chart.getSeriesAt(0);

​

  // set a pareto line series

  let line = chart.getSeriesAt(1);

  // name the measure axis

  chart.yAxis(0).title("Issue frequency");

  // name the cumulative percentage axis

  chart.yAxis(1).title("Cumulative percentage");

  // add a chart title

  chart.title("Consumer Loan Customer Complaints (CFPB)");

​

  // set the container element id for the chart

  chart.container("container");

​

  // initiate the pareto chart drawing

  chart.draw();

});