html, body, #container1 {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

​

  // set data

  var data = [

    {x: 'Heart disease', value: 659041},

    {x: 'Alzheimer disease', value: 150005},

    {x: 'Cancer', value: 599601},

    {x: 'Accidents', value: 173040},

    {x: 'Kidney disease', value: 51567},

    {x: 'Suicide', value: 47511},

    {x: 'CLRD', value: 156979},

    {x: 'Stroke', value: 121499},

    {x: 'Diabetes', value: 87647},

    {x: 'Influenza and pneumonia', value: 49783}

  ];

​

  // create a pareto chart

  var chart = anychart.pareto();

  // feed the data into the chart

  chart.data(data);

​

  // set the chart title

  chart.title('Number of Deaths for 10 Leading Causes of Death in U.S. in 2019');

  // set the measure y axis title

  chart.yAxis(0).title('Number of deaths');

  // set the cumulative percentage y axis title

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

  // use one of the pre-built palettes for coloring

  chart.palette(anychart.palettes.earth);

  // configure the visual settings of the first series

  chart.getSeries(0).normal().fill("#c98411", 0.3);

  chart.getSeries(0).hovered().fill("#c98411", 0.1);

  chart.getSeries(0).selected().fill("#c98411", 0.5);

  chart.getSeries(0).normal().hatchFill("forward-diagonal", "#c98411", 1, 15);

  chart.getSeries(0).hovered().hatchFill("forward-diagonal", "#c98411", 1, 15);

  chart.getSeries(0).selected().hatchFill("forward-diagonal", "#c98411", 1, 15);

  chart.getSeries(0).normal().stroke("#c98411");

  chart.getSeries(0).hovered().stroke("#c98411", 2);

  chart.getSeries(0).selected().stroke("#c98411", 4);

​

  // configure the visual settings of the second series

  chart.getSeries(1).normal().stroke("#991e00", 4, "4 4", "round");

​

  // set the chart container id

  chart.container('container1');

  // draw the chart

  chart.draw();

​

});