html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var data = [

        {x: 'Food is tasteless', value: 65},

        {x: 'Wait time', value: 109},

        {x: 'Unfriendly staff', value: 52.5},

        {x: 'Not clean', value: 45},

        {x: 'Overpriced', value: 250},

        {x: 'To noisy', value: 57},

    ];

​

    // create a Pareto chart with data

    var chart = anychart.pareto(data);

​

    // line series enable labels

    chart.getSeries(0).labels(true);

    chart.getSeries(0).labels().position("Center");

    chart.getSeries(0).labels().anchor("Center");

​

    // columns series enable labels

    chart.getSeries(1).labels(false);

    chart.getSeries(1).selectLabels().enabled(true);

    chart.getSeries(1).selectLabels().anchor("bottom");

    chart.getSeries(1).hoverLabels(true);

    chart.getSeries(1).hoverLabels().anchor("bottom");

    chart.getSeries(1).hoverLabels().format("{%Value}%");

​

    // set chart title text settings

    chart.title("Pareto chart: labels configuration");

​

    // set container id for the chart

    chart.container('container');

    // initiate chart drawing

    chart.draw();

});