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: 12.5},

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

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

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

    ];

​

    // create a Pareto chart with data

    var chart = anychart.pareto(data);

​

    // get the column series and format tooltip

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

​

    // get the line series and format tooltip

    chart.getSeriesAt(1).tooltip().format("Cumulative Frequency: {%CF}% \n Relative Frequency: {%RF}%");

​

    // set chart title text settings

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

​

    // set container id for the chart

    chart.container('container');

    // initiate chart drawing

    chart.draw();

});